style(Toast): use full width container on screens 376px and below for better mobile fit

2026-10-02 05:44:32 +08:00 · 2026-07-29 11:17:40 +03:00
parent 6aa6e104d1
commit 393adae6b0
1 changed files with 21 additions and 0 deletions
@@ -131,10 +131,31 @@ body::after {
    padding: .8rem 1rem;
 }

+@media (max-width: 376px) {
+    .toast-container {
+        top: 0;
+        left: 0;
+        transform: translateX(0);
+        border: 0;
+        border-bottom: 2px solid var(--accent);
+        border-radius: 0;
+        width: 100dvw;
+        max-width: unset;
+        justify-content: space-between;
+        padding: 1.2rem;
+    }
+}
+
 .toast-container>p {
    text-wrap: nowrap;
 }

+@media (max-width: 376px) {
+    .toast-container>p {
+        text-wrap: wrap;
+    }
+}
+
 .toast-container svg {
    stroke-width: 2px;
 }