sforkowany z mirror/soapbox
Minor styles improvements
Signed-off-by: marcin mikołajczak <me@mkljczk.pl> Signed-off-by: marcin mikołajczak <git@mkljczk.pl>status-card
rodzic
f0eb5ea050
commit
ffba24bc94
|
@ -5,7 +5,7 @@ import Icon from 'soapbox/components/icon';
|
|||
import StatusMedia from 'soapbox/components/status-media';
|
||||
import StatusReplyMentions from 'soapbox/components/status-reply-mentions';
|
||||
import StatusContent from 'soapbox/components/status_content';
|
||||
import { HStack, Text } from 'soapbox/components/ui';
|
||||
import { HStack, Stack, Text } from 'soapbox/components/ui';
|
||||
import AccountContainer from 'soapbox/containers/account_container';
|
||||
import QuotedStatus from 'soapbox/features/status/containers/quoted_status_container';
|
||||
import { getActualStatus } from 'soapbox/utils/status';
|
||||
|
@ -65,9 +65,9 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
|
|||
}
|
||||
|
||||
if (actualStatus.visibility === 'direct') {
|
||||
statusTypeIcon = <Icon src={require('@tabler/icons/mail.svg')} />;
|
||||
statusTypeIcon = <Icon className='text-gray-700 dark:text-gray-600' src={require('@tabler/icons/mail.svg')} />;
|
||||
} else if (actualStatus.visibility === 'private') {
|
||||
statusTypeIcon = <Icon src={require('@tabler/icons/lock.svg')} />;
|
||||
statusTypeIcon = <Icon className='text-gray-700 dark:text-gray-600' src={require('@tabler/icons/lock.svg')} />;
|
||||
}
|
||||
|
||||
return (
|
||||
|
@ -102,7 +102,7 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
|
|||
<HStack justifyContent='between' alignItems='center' className='py-2'>
|
||||
<StatusInteractionBar status={actualStatus} />
|
||||
|
||||
<div className='detailed-actualStatus__timestamp'>
|
||||
<Stack space={1} alignItems='center'>
|
||||
{statusTypeIcon}
|
||||
|
||||
<span>
|
||||
|
@ -128,7 +128,7 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
|
|||
</>
|
||||
)}
|
||||
</span>
|
||||
</div>
|
||||
</Stack>
|
||||
</HStack>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -304,7 +304,7 @@
|
|||
li:not(:empty) {
|
||||
a,
|
||||
button {
|
||||
@apply flex items-center px-4 py-3 text-gray-600 dark:text-gray-300 no-underline hover:bg-gray-100 dark:bg-gray-800 hover:text-gray-800 dark:hover:text-gray-200;
|
||||
@apply flex items-center px-4 py-3 text-gray-600 dark:text-gray-300 no-underline hover:bg-gray-100 dark:bg-gray-800 hover:text-gray-800 dark:hover:text-gray-200 text-left;
|
||||
|
||||
&.destructive {
|
||||
@apply text-danger-600;
|
||||
|
@ -325,7 +325,7 @@
|
|||
}
|
||||
|
||||
button[type="button"] {
|
||||
@apply w-full justify-center;
|
||||
@apply w-full justify-center text-center;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Ładowanie…
Reference in New Issue