Fix Tombstone margins in threads, fixes #971

environments/review-tombstone-3s1xyk/deployments/13
Alex Gleason 2 years ago
parent 01e89f51a2
commit 362f7520ae
No known key found for this signature in database
GPG Key ID: 7211D1F99744FBB7

@ -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>

@ -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>
); );

Loading…
Cancel
Save