matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

nicolium: styles

Browse Source 
Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
nicole mikołajczyk
2026-03-12 19:56:25 +01:00
parent c4e2011427
commit afd1780c6a
3 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/nicolium/src/components/statuses/status-reply-mentions.tsx
View File

@ -32,7 +32,7 @@ const StatusReplyMentions: React.FC<IStatusReplyMentions> = ({ status, hoverable
// Rare, but it can happen.
if (to.length === 0) {
const body = (
<div className='mb-1 block text-sm text-gray-700 dark:text-gray-600'>
<div className='⁂-status-reply-mentions'>
<FormattedMessage id='reply_mentions.reply_empty' defaultMessage='Replying to post' />
</div>
);
@ -40,7 +40,7 @@ const StatusReplyMentions: React.FC<IStatusReplyMentions> = ({ status, hoverable
if (hoverable) {
return (
<HoverStatusWrapper statusId={status.in_reply_to_id} inline>
<span key='hoverstatus' className='cursor-pointer hover:underline' role='presentation'>
<span className='cursor-pointer hover:underline' role='presentation'>
{body}
</span>
</HoverStatusWrapper>

2
packages/nicolium/src/components/ui/toast.tsx
View File

@ -123,7 +123,7 @@ const Toast: React.FC<IToast> = (props) => {
title={intl.formatMessage(messages.close)}
aria-label={intl.formatMessage(messages.close)}
>
<Icon src={require('@phosphor-icons/core/regular/x.svg')} className='size-5' />
<Icon src={require('@phosphor-icons/core/regular/x.svg')} />
</button>
</div>
</div>

5
packages/nicolium/src/styles/new/layout.scss
View File

@ -1147,6 +1147,11 @@ body {
.dark &:hover {
color: rgb(var(--color-gray-500));
}
svg {
height: 1.25rem;
width: 1.25rem;
}
}
}