diff --git a/Iceshrimp.Frontend/Components/NotificationComponent.razor b/Iceshrimp.Frontend/Components/NotificationComponent.razor index e70733a6..b7f21ca2 100644 --- a/Iceshrimp.Frontend/Components/NotificationComponent.razor +++ b/Iceshrimp.Frontend/Components/NotificationComponent.razor @@ -31,7 +31,9 @@ @Loc["liked note"] break; case { Note: not null, Reaction: not null, Type: "reaction" }: - @NotificationResponse.Reaction.Name.Trim(':') + + + @Loc["reacted to your note"] break; case { Type: "follow", User: not null }: diff --git a/Iceshrimp.Frontend/Components/NotificationComponent.razor.css b/Iceshrimp.Frontend/Components/NotificationComponent.razor.css index f06e43b2..1ea0970e 100644 --- a/Iceshrimp.Frontend/Components/NotificationComponent.razor.css +++ b/Iceshrimp.Frontend/Components/NotificationComponent.razor.css @@ -36,16 +36,27 @@ top: 3em; left: 3em; display: inline-block; - width: 1.25em; - height: 1.25em; - object-fit: contain; filter: drop-shadow(0 0 0.2em rgba(0, 0, 0, 0.7)); - transition-duration: 250ms; } -.notification-reaction:hover { - transform: scale(1.5); - z-index: +1; +::deep { + .notification-reaction .custom-reaction { + font-size: 1.25em; + transition-duration: 250ms; + } +} + +::deep { + .notification-reaction .custom-reaction:hover { + transform: scale(1.5); + z-index: +1; + } +} + +::deep { + .notification-reaction .unicode-reaction { + font-size: 1.25em; + } } .notification-text {