EZPPFarm/EZPPLauncher
1
0 Fork 0
Code Issues Pull Requests Actions Releases 37 Activity

style: enhance button animations in titlebar for improved visual feedback

Browse Source
This commit is contained in:
HorizonCode committed 2026-03-01 23:49:42 +01:00
1 parent 9770e81d6f
commit eeda85f48f
1 file changed
+2 -2
Download Patch File Download Diff File Expand all files Collapse all files
src/lib/components/ui/titlebar/titlebar.svelte
+2 -2
View File
@@ -24,7 +24,7 @@
<div class="relative flex items-center justify-center p-1 group" id="titlebar-minimize"> <div class="relative flex items-center justify-center p-1 group" id="titlebar-minimize">
<div <div
class="absolute inset-0 bg-background rounded class="absolute inset-0 bg-background rounded
scale-50 opacity-0 scale-80 opacity-0
group-hover:opacity-100 group-hover:opacity-100
group-hover:scale-100 group-hover:scale-100
{$reduceAnimations ? '' : 'transition-all duration-200 ease-out'} {$reduceAnimations ? '' : 'transition-all duration-200 ease-out'}
@@ -36,7 +36,7 @@
<div class="relative flex items-center justify-center p-1 group" id="titlebar-close"> <div class="relative flex items-center justify-center p-1 group" id="titlebar-close">
<div <div
class="absolute inset-0 bg-red-500 rounded class="absolute inset-0 bg-red-500 rounded
scale-50 opacity-0 scale-80 opacity-0
group-hover:opacity-100 group-hover:opacity-100
group-hover:scale-100 group-hover:scale-100
{$reduceAnimations ? '' : 'transition-all duration-200 ease-out'} {$reduceAnimations ? '' : 'transition-all duration-200 ease-out'}