From 718fed554fe067d6af27c1cdaa6e5d56c33d5c76 Mon Sep 17 00:00:00 2001
From: spinline <bilal.karatatr.@gmail.com>
Date: Thu, 5 Feb 2026 21:02:47 +0300
Subject: [PATCH] fix(frontend): fix toast positioning - move outside drawer,
 use fixed position

---
 frontend/src/app.rs              | 5 +++--
 frontend/src/components/toast.rs | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app.rs b/frontend/src/app.rs
index b3abc23..4214baf 100644
--- a/frontend/src/app.rs
+++ b/frontend/src/app.rs
@@ -37,8 +37,9 @@ pub fn App() -> impl IntoView {
                     <Sidebar />
                 </div>
             </div>
-
-            <ToastContainer />
         </div>
+        
+        // Toast container - outside drawer for correct fixed positioning
+        <ToastContainer />
     }
 }
diff --git a/frontend/src/components/toast.rs b/frontend/src/components/toast.rs
index 8a845a6..caac577 100644
--- a/frontend/src/components/toast.rs
+++ b/frontend/src/components/toast.rs
@@ -71,7 +71,7 @@ pub fn ToastContainer() -> impl IntoView {
     let notifications = store.notifications;
 
     view! {
-        <div class="toast toast-end toast-bottom z-[9999] gap-2">
+        <div class="fixed bottom-4 right-4 z-[9999] flex flex-col gap-2 items-end">
             <For
                 each=move || notifications.get()
                 key=|item| item.id