From e78901f8d2306ab060be967b4bffd225aabf2195 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 27 Sep 2025 14:01:48 +0530
Subject: [PATCH 1/2] fix: barebones animation to a nicer one for
 notifications.

---
 src/lib/layout/notifications.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/lib/layout/notifications.svelte b/src/lib/layout/notifications.svelte
index 5464edb31..f80ba5243 100644
--- a/src/lib/layout/notifications.svelte
+++ b/src/lib/layout/notifications.svelte
@@ -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,10 @@
     <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}

From 9640566afebf5238c0f0cfef8d8517c804ef4a3f Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 27 Sep 2025 14:02:53 +0530
Subject: [PATCH 2/2] lint.

---
 src/lib/layout/notifications.svelte | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/src/lib/layout/notifications.svelte b/src/lib/layout/notifications.svelte
index f80ba5243..aa0132398 100644
--- a/src/lib/layout/notifications.svelte
+++ b/src/lib/layout/notifications.svelte
@@ -9,10 +9,7 @@
     <section>
         <Layout.Stack gap="s">
             {#each $notifications as notification (notification.id)}
-                <span
-                    animate:flip={{ duration: 500 }}
-                    transition:fly|global={{ x: 50 }}
-                >
+                <span animate:flip={{ duration: 500 }} transition:fly|global={{ x: 50 }}>
                     <Toast
                         title={notification.title}
                         status={notification.type}