fix: snackbar: handle snackbar width on different screen sizes

EightfoldAI · May 13, 2022 · 5b96872 · 5b96872
1 parent 982eff4
commit 5b96872
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/components/Snackbar/snackbar.module.scss b/src/components/Snackbar/snackbar.module.scss
@@ -8,10 +8,19 @@
     animation: slideUpIn $motion-duration-extra-fast $motion-easing-easeinout 0s
         forwards;
     margin-bottom: $space-s;
+
+    @media (max-width: $small-screen-size) {
+        max-width: 90vw;
+    }
+
+    @media (min-width: $small-screen-size) and (max-width: $medium-screen-size) {
+        max-width: min(80vw, 640px);
+    }
 }
 
 .snackbar-container {
     position: fixed;
+    width: fit-content;
     z-index: $z-index-500;
 
     &.top-center,