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

pl-fe: styles

Browse Source 
Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
This commit is contained in:
nicole mikołajczyk
2025-10-19 23:29:32 +02:00
parent 9a7b05df1a
commit 57ef586561
2 changed files with 24 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/pl-fe/src/features/notifications/components/notification.tsx
View File

@ -333,14 +333,14 @@ const Notification: React.FC<INotification> = (props) => {
<Emoji
emoji={notification.emoji}
src={notification.emoji_url || undefined}
className='size-4 flex-none'
className='⁂-notification__icon ⁂-notification__icon--emoji'
/>
);
} else if (icons[displayedType]) {
return (
<Icon
src={icons[displayedType]!}
className='flex-none text-primary-600 dark:text-primary-400'
className='⁂-notification__icon'
/>
);
} else {

27
packages/pl-fe/src/styles/new/notifications.scss
View File

@ -1,22 +1,39 @@
@use 'mixins';
.⁂-notification {
@apply flex flex-col gap-2 p-4;
display: flex;
flex-direction: column;
gap: 0.5rem;
padding: 1rem;;
&__header {
@apply flex items-center gap-3;
display: flex;
align-items: center;
gap: 0.75rem;
}
&__info {
@apply min-w-0 flex-1;
min-width: 0;
flex: 1 1 0%
}
&__icon {
flex: none;
@apply text-primary-600 dark:text-primary-400;
&--emoji {
height: 1rem;
width: 1rem;
}
}
&__timestamp {
@apply ml-auto flex-none;
flex: none;
margin-left: auto;
@include mixins.text($size: xs, $theme: muted, $truncate: true);
}
.status__wrapper {
@apply p-0;
padding: 0;
}
}