mirrors/cinny
1
0
Fork 0
mirror of https://github.com/cinnyapp/cinny.git synced 2025-11-16 20:20:29 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixed NotificationBadge color

Browse source
This commit is contained in:
unknown 2021-09-12 11:20:56 +05:30
parent 1651a90dea
commit 284ed9dea1
3 changed files with 8 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/app/atoms/badge/NotificationBadge.jsx
View file

@ -8,7 +8,7 @@ function NotificationBadge({ alert, content }) {
const notificationClass = alert ? ' notification-badge--alert' : '';
return (
<div className={`notification-badge${notificationClass}`}>
{content && <Text variant="b3">{content}</Text>}
{content !== null && <Text variant="b3">{content}</Text>}
</div>
);
}

5
src/app/atoms/badge/NotificationBadge.scss
View file

@ -2,17 +2,18 @@
min-width: 16px;
min-height: 8px;
padding: 0 var(--sp-ultra-tight);
background-color: var(--tc-surface-low);
background-color: var(--bg-badge);
border-radius: var(--bo-radius);
.text {
color: white;
color: var(--tc-badge);
text-align: center;
font-weight: 700;
}
&--alert {
background-color: var(--bg-danger);
& .text { color: white }
}
&:empty {