Disroot/Mangane
5
0
Fork 0
Code Issues Pull requests Packages Projects Releases 2 Wiki Activity

Minor styles improvements

Browse source 
Signed-off-by: marcin mikołajczak <me@mkljczk.pl>
Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
This commit is contained in:
marcin mikołajczak 2022-08-15 14:48:52 +02:00 committed by marcin mikołajczak
parent f0eb5ea050
commit ffba24bc94
2 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
app/soapbox/features/status/components/detailed-status.tsx
View file

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

4
app/styles/components/modal.scss
View file

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