From b3e523b1cee90d0b162c107ee6c82dc80408f1fe Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Thu, 24 Apr 2025 17:20:33 +0600
Subject: [PATCH] web/PopoverContainer: replace box-shadow with filter & add
 will-change

---
 web/src/components/misc/PopoverContainer.svelte | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/web/src/components/misc/PopoverContainer.svelte b/web/src/components/misc/PopoverContainer.svelte
index cf8e49bf..5a14ddd3 100644
--- a/web/src/components/misc/PopoverContainer.svelte
+++ b/web/src/components/misc/PopoverContainer.svelte
@@ -24,10 +24,10 @@
         flex-direction: column;
         border-radius: 18px;
         background: var(--button);
-        box-shadow:
-            var(--button-box-shadow),
-            0 0 10px 6px var(--popover-glow);
+        box-shadow: var(--button-box-shadow);
 
+        filter: drop-shadow(0 0 8px var(--popover-glow))
+            drop-shadow(0 0 10px var(--popover-glow));
         position: relative;
         padding: var(--padding);
         gap: 6px;
@@ -42,6 +42,8 @@
             transform 0.3s cubic-bezier(0.53, 0.05, 0.23, 1.15),
             opacity 0.25s cubic-bezier(0.53, 0.05, 0.23, 0.99);
 
+        will-change: transform, opacity;
+
         pointer-events: all;
     }