blitzwing/cobalt-7
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

web/SupportedServices: better popover animation

Browse source
This commit is contained in:
wukko 2024-11-13 23:24:50 +06:00
parent 0e09bf9895
commit 3203f5bb2f
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
web/src/components/save/SupportedServices.svelte
View file

@ -73,24 +73,29 @@
#services-popover {
display: flex;
flex-direction: column;
transition: transform 0.2s cubic-bezier(0.53, 0.05, 0.23, 0.99);
border-radius: 18px;
background: var(--button);
box-shadow:
var(--button-box-shadow),
0 0 10px 10px var(--button-stroke);
transform: scale(0);
transform-origin: top center;
position: relative;
padding: 12px;
gap: 6px;
top: 6px;
opacity: 0;
transform: scale(0);
transform-origin: top center;
transition:
transform 0.2s cubic-bezier(0.53, 0.05, 0.23, 0.99),
opacity 0.2s cubic-bezier(0.53, 0.05, 0.23, 0.99);
}
#services-popover.expanded {
transform: scale(1);
opacity: 1;
}
#services-button {