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 />
|
<Sidebar />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ToastContainer />
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
// Toast container - outside drawer for correct fixed positioning
|
||||||
|
<ToastContainer />
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -71,7 +71,7 @@ pub fn ToastContainer() -> impl IntoView {
|
|||||||
let notifications = store.notifications;
|
let notifications = store.notifications;
|
||||||
|
|
||||||
view! {
|
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
|
<For
|
||||||
each=move || notifications.get()
|
each=move || notifications.get()
|
||||||
key=|item| item.id
|
key=|item| item.id
|
||||||
|
|||||||
Reference in New Issue
Block a user