updated NotificationBadge component

This commit is contained in:
unknown 2021-08-28 18:16:20 +05:30
parent 7b0aa7b770
commit 9e9ea41bdd
5 changed files with 23 additions and 30 deletions

View file

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