Merge pull request #2408 from appwrite/notification-animation

2026-06-06 19:27:48 +00:00 · 2025-09-27 14:20:31 +05:30
parent 5804804a30 9640566afe
commit efe0321ef0
1 changed files with 2 additions and 1 deletions
@@ -1,5 +1,6 @@
 <script lang="ts">
    import { flip } from 'svelte/animate';
+    import { fly } from 'svelte/transition';
    import { Layout, Toast } from '@appwrite.io/pink-svelte';
    import { dismissNotification, notifications } from '../stores/notifications';
 </script>
@@ -8,7 +9,7 @@
    <section>
        <Layout.Stack gap="s">
            {#each $notifications as notification (notification.id)}
-                <span animate:flip={{ duration: 500 }}>
+                <span animate:flip={{ duration: 500 }} transition:fly|global={{ x: 50 }}>
                    <Toast
                        title={notification.title}
                        status={notification.type}