Mirrors/cobalt
1
0
Fork 0
mirror of https://github.com/wukko/cobalt.git synced 2025-04-30 06:24:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

web/PopoverContainer: replace box-shadow with filter & add will-change

Browse Source
This commit is contained in:
wukko 2025-04-24 17:20:33 +06:00
parent 926008818e
commit b3e523b1ce
No known key found for this signature in database
GPG Key ID: 3E30B3F26C7B4AA2
1 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
web/src/components/misc/PopoverContainer.svelte
View File

@ -24,10 +24,10 @@
flex-direction: column; flex-direction: column;
border-radius: 18px; border-radius: 18px;
background: var(--button); background: var(--button);
box-shadow: box-shadow: var(--button-box-shadow);
var(--button-box-shadow),
0 0 10px 6px var(--popover-glow);
filter: drop-shadow(0 0 8px var(--popover-glow))
drop-shadow(0 0 10px var(--popover-glow));
position: relative; position: relative;
padding: var(--padding); padding: var(--padding);
gap: 6px; gap: 6px;
@ -42,6 +42,8 @@
transform 0.3s cubic-bezier(0.53, 0.05, 0.23, 1.15), 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); opacity 0.25s cubic-bezier(0.53, 0.05, 0.23, 0.99);
will-change: transform, opacity;
pointer-events: all; pointer-events: all;
} }