ekzyis/stacker.news
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

improve notification header styling

Browse Source
This commit is contained in:
keyan 2024-07-12 10:38:47 -05:00
parent cb6b85345c
commit bc2cb29c41
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/notifications.js
View File

@ -96,7 +96,7 @@ function NotificationLayout ({ children, type, nid, href, as, fresh }) {
function NoteHeader ({ color, children, big }) { function NoteHeader ({ color, children, big }) {
return ( return (
<div className={`fw-bold text-${color} ${big ? '' : 'small'} d-inline-block align-items-center pb-2`} style={{ lineHeight: '1.25' }}> <div className={`${styles.noteHeader} text-${color} ${big ? '' : 'small'} pb-2`}>
{children} {children}
</div> </div>
) )

7
components/notifications.module.css
View File

@ -59,3 +59,10 @@
vertical-align: middle; vertical-align: middle;
margin-left: 0.5rem; margin-left: 0.5rem;
} }
.noteHeader {
display: inline-block;
font-weight: 800;
line-height: 1.25;
vertical-align: middle;
}