chore: Update toast component styles for responsive layout

pheralb · Jul 22, 2024 · c0ce2d1 · c0ce2d1
1 parent 809e273
commit c0ce2d1
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/library/src/styles/toast-component.css b/library/src/styles/toast-component.css
@@ -80,6 +80,7 @@
 .t_icon {
   fill: var(--text-color);
   margin-top: 0.1rem;
+  flex-shrink: 0;
 }
 
 .t_content {

diff --git a/library/src/styles/toast-context.css b/library/src/styles/toast-context.css
@@ -7,6 +7,7 @@
   z-index: 9999;
   overflow: hidden;
   transition: max-height 0.5s ease-in-out;
+  width: 100%;
 }
 
 .t_default_font {
@@ -58,3 +59,10 @@
   left: 50%;
   transform: translateX(-50%);
 }
+
+@media (min-width: 768px) {
+  .t_toasts {
+    max-width: 350px;
+    margin: 0 auto;
+  }
+}