fix(VSnackbar): properly assign width on mobile devices

fixes #8224
vuetifyjs · Jul 31, 2019 · c54ccbe · c54ccbe
1 parent 361658e
commit c54ccbe
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/packages/vuetify/src/components/VSnackbar/VSnackbar.sass b/packages/vuetify/src/components/VSnackbar/VSnackbar.sass
@@ -30,11 +30,10 @@
     border-radius: 4px
     display: flex
     margin: 0 auto
-    max-width: 672px
-    min-width: 344px
     pointer-events: auto
     transition: inherit
     transition-property: opacity, transform
+    min-width: 100%
     +elevation(6)
 
   &__content
@@ -89,6 +88,9 @@
 @media #{map-get($display-breakpoints, 'sm-and-up')}
   .v-snack
     &__wrapper
+      min-width: 344px
+      max-width: 672px
+
       .v-snack--left &
         margin-left: 0