fix(toast): make responsive for mobile screens

2026-02-05 21:20:49 +03:00
parent ce32eadffd
commit 579be70a5a
1 changed files with 1 additions and 1 deletions
--- a/frontend/src/components/toast.rs
+++ b/frontend/src/components/toast.rs
@@ -33,7 +33,7 @@ fn ToastItem(
    view! {
        <div 
            class={format!("alert {} shadow-xl", alert_class)}
-            style="min-width: 300px; padding: 12px 16px;"
+            style="min-width: 200px; max-width: calc(100vw - 40px); padding: 12px 16px;"
        >
            <span style="font-size: 18px;">{icon}</span>
            <span style="font-size: 14px; font-weight: 500;">{message}</span>