bigbuffet/pleroma
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge branch 'styles' into 'develop'

Browse source 
Minor styles improvements

See merge request soapbox-pub/soapbox-fe!1736
This commit is contained in:
marcin mikołajczak 2022-08-15 14:22:48 +00:00
commit 6907402b74
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 StatusMedia from 'soapbox/components/status-media';
import StatusReplyMentions from 'soapbox/components/status-reply-mentions'; import StatusReplyMentions from 'soapbox/components/status-reply-mentions';
import StatusContent from 'soapbox/components/status_content'; 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 AccountContainer from 'soapbox/containers/account_container';
import QuotedStatus from 'soapbox/features/status/containers/quoted_status_container'; import QuotedStatus from 'soapbox/features/status/containers/quoted_status_container';
import { getActualStatus } from 'soapbox/utils/status'; import { getActualStatus } from 'soapbox/utils/status';
@ -65,9 +65,9 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
} }
if (actualStatus.visibility === 'direct') { 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') { } 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 ( return (
@ -102,7 +102,7 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
<HStack justifyContent='between' alignItems='center' className='py-2'> <HStack justifyContent='between' alignItems='center' className='py-2'>
<StatusInteractionBar status={actualStatus} /> <StatusInteractionBar status={actualStatus} />
<div className='detailed-actualStatus__timestamp'> <Stack space={1} alignItems='center'>
{statusTypeIcon} {statusTypeIcon}
<span> <span>
@ -128,7 +128,7 @@ const DetailedStatus: React.FC<IDetailedStatus> = ({
</> </>
)} )}
</span> </span>
</div> </Stack>
</HStack> </HStack>
</div> </div>
</div> </div>

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

@ -304,7 +304,7 @@
li:not(:empty) { li:not(:empty) {
a, a,
button { 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 { &.destructive {
@apply text-danger-600; @apply text-danger-600;
@ -325,7 +325,7 @@
} }
button[type="button"] { button[type="button"] {
@apply w-full justify-center; @apply w-full justify-center text-center;
} }
} }
} }