Minor styles improvements

Signed-off-by: marcin mikołajczak <me@mkljczk.pl>
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
status-card
marcin mikołajczak 2022-08-15 14:48:52 +02:00 zatwierdzone przez marcin mikołajczak
rodzic f0eb5ea050
commit ffba24bc94
2 zmienionych plików z 7 dodań i 7 usunięć

Wyświetl plik

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

Wyświetl plik

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