Animate menu close with shared pop transition

2026-09-23 22:01:51 +02:00
parent 5049b0ba91
commit d8530b9209
3 changed files with 19 additions and 14 deletions
@@ -1,6 +1,8 @@
 <script lang="ts">
 	import type { Snippet } from 'svelte';

+	import { pop } from '$lib/utils/transitions';
+
 	interface Props {
 		class?: string;
 		style?: string;
@@ -12,9 +14,8 @@
 </script>

 <div
-	class="glass-panel animate-pop rounded-panel p-1.5 {border
-		? 'border border-hairline'
-		: ''} {klass}"
+	transition:pop|global
+	class="glass-panel rounded-panel p-1.5 {border ? 'border border-hairline' : ''} {klass}"
 	{style}
 >
 	{@render children()}