Merge branch 'tombstone-fix' into 'develop'

Fix Tombstone margins in threads, fixes #971

Closes #971

See merge request soapbox-pub/soapbox-fe!1431
This commit is contained in:
Alex Gleason 2022-05-19 18:03:27 +00:00
commit c749738e4b
2 changed files with 2 additions and 2 deletions

View file

@ -6,7 +6,7 @@ import { Text } from 'soapbox/components/ui';
/** Represents a deleted item. */ /** Represents a deleted item. */
const Tombstone: React.FC = () => { const Tombstone: React.FC = () => {
return ( return (
<div className='my-4 p-9 flex items-center justify-center sm:rounded-xl bg-gray-100 border border-solid border-gray-200 dark:bg-slate-900 dark:border-slate-700'> <div className='p-9 flex items-center justify-center sm:rounded-xl bg-gray-100 border border-solid border-gray-200 dark:bg-slate-900 dark:border-slate-700'>
<Text> <Text>
<FormattedMessage id='statuses.tombstone' defaultMessage='One or more posts is unavailable.' /> <FormattedMessage id='statuses.tombstone' defaultMessage='One or more posts is unavailable.' />
</Text> </Text>

View file

@ -561,7 +561,7 @@ class Status extends ImmutablePureComponent<IStatus, IStatusState> {
renderTombstone(id: string) { renderTombstone(id: string) {
return ( return (
<div className='pb-4'> <div className='py-4 pb-8'>
<Tombstone key={id} /> <Tombstone key={id} />
</div> </div>
); );