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; opacity: 0.75;
color: var(--text-insignificant-color); color: var(--text-insignificant-color);
} }
.notification-type.favourite { .notification-type.notification-favourite {
color: var(--favourite-color); color: var(--favourite-color);
} }
.notification-type.reblog { .notification-type.notification-reblog {
color: var(--reblog-color); color: var(--reblog-color);
} }
.notification-type.poll, .notification-type.notification-poll,
.notification-type.mention { .notification-type.notification-mention {
color: var(--link-color); color: var(--link-color);
} }

View file

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