diff --git a/src/renderer/src/components/achievements/notification/achievement-notification.scss b/src/renderer/src/components/achievements/notification/achievement-notification.scss index d9497d45..53d4a8e1 100644 --- a/src/renderer/src/components/achievements/notification/achievement-notification.scss +++ b/src/renderer/src/components/achievements/notification/achievement-notification.scss @@ -144,15 +144,6 @@ $margin-bottom: 28px; height: 192px; display: flex; - &--closing * { - animation: none; - } - - &--closing *::before, - &--closing *::after { - animation: none !important; - } - &.top_left { align-items: start; } @@ -292,6 +283,7 @@ $margin-bottom: 28px; height: 64px; background: #000; opacity: 0; + z-index: 1; animation: dark-overlay 900ms ease-in-out; } @@ -302,6 +294,7 @@ $margin-bottom: 28px; width: 36px; height: 36px; opacity: 0; + z-index: 1; animation: trophy-out 900ms ease-in-out; } @@ -472,4 +465,13 @@ $margin-bottom: 28px; #083e31 85.77% ); } + + &--closing * { + animation: none; + } + + &--closing *::before, + &--closing *::after { + animation: none !important; + } } diff --git a/src/renderer/src/components/achievements/notification/achievement-notification.tsx b/src/renderer/src/components/achievements/notification/achievement-notification.tsx index 76c2b0f8..4b7b98ec 100644 --- a/src/renderer/src/components/achievements/notification/achievement-notification.tsx +++ b/src/renderer/src/components/achievements/notification/achievement-notification.tsx @@ -6,6 +6,8 @@ import cn from "classnames"; import "./achievement-notification.scss"; import HydraIcon from "@renderer/assets/icons/hydra.svg?react"; import { EyeClosedIcon } from "@primer/octicons-react"; +import Trophy from "@renderer/assets/icons/trophy.png"; +import Ellipses from "@renderer/assets/icons/ellipses.png"; interface AchievementNotificationProps { position: AchievementCustomNotificationPosition; @@ -66,12 +68,12 @@ export function AchievementNotificationItem({
Ellipses effect Trophy effect