fix(frontend): fix toast positioning - move outside drawer, use fixed position
This commit is contained in:
@@ -37,8 +37,9 @@ pub fn App() -> impl IntoView {
|
||||
<Sidebar />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ToastContainer />
|
||||
</div>
|
||||
|
||||
// Toast container - outside drawer for correct fixed positioning
|
||||
<ToastContainer />
|
||||
}
|
||||
}
|
||||
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user