MCorange/cinny
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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 {