From 7fca31338c5a6a8c7487ac53d559b3e0ef1928b7 Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Sat, 17 May 2025 17:18:49 -0300
Subject: [PATCH] fix: trophy and ellipses

---
 .../achievement-notification.scss             | 20 ++++++++++---------
 .../notification/achievement-notification.tsx |  6 ++++--
 2 files changed, 15 insertions(+), 11 deletions(-)

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({
             <div className="achievement-notification__additional-overlay__dark"></div>
             <img
               className="achievement-notification__additional-overlay__ellipses"
-              src="/src/assets/icons/ellipses.png"
+              src={Ellipses}
               alt="Ellipses effect"
             />
             <img
               className="achievement-notification__additional-overlay__trophy"
-              src="/src/assets/icons/trophy.png"
+              src={Trophy}
               alt="Trophy effect"
             />
           </div>