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 }) {
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}
</div>
)

7
components/notifications.module.css
View File

@ -58,4 +58,11 @@
background: var(--theme-clickToContextColor) !important;
vertical-align: middle;
margin-left: 0.5rem;
}
.noteHeader {
display: inline-block;
font-weight: 800;
line-height: 1.25;
vertical-align: middle;
}