Fix clash of styles

.status got overriden 😂 (maybe I should scope the CSS or something)
This commit is contained in:
Lim Chee Aun 2022-12-21 07:42:48 +08:00
parent f6e3c979af
commit 3589438556
2 changed files with 5 additions and 5 deletions

View file

@ -17,14 +17,14 @@
opacity: 0.75;
color: var(--text-insignificant-color);
}
.notification-type.favourite {
.notification-type.notification-favourite {
color: var(--favourite-color);
}
.notification-type.reblog {
.notification-type.notification-reblog {
color: var(--reblog-color);
}
.notification-type.poll,
.notification-type.mention {
.notification-type.notification-poll,
.notification-type.notification-mention {
color: var(--link-color);
}

View file

@ -61,7 +61,7 @@ function Notification({ notification }) {
return (
<>
<div
class={`notification-type ${type}`}
class={`notification-type notification-${type}`}
title={new Date(notification.createdAt).toLocaleString()}
>
<Icon