fix(VBottomSheet): add elevation to content

vuetifyjs · Sep 4, 2023 · 5a6167d · 5a6167d
1 parent e2350a3
commit 5a6167d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/packages/vuetify/src/labs/VBottomSheet/VBottomSheet.sass b/packages/vuetify/src/labs/VBottomSheet/VBottomSheet.sass
@@ -26,6 +26,8 @@
     max-width: 100%
     overflow: visible
 
+    @include tools.elevation($bottom-sheet-elevation)
+
     > .v-card,
     > .v-sheet
       border-radius: $bottom-sheet-border-radius

diff --git a/packages/vuetify/src/labs/VBottomSheet/_variables.scss b/packages/vuetify/src/labs/VBottomSheet/_variables.scss
@@ -1,5 +1,6 @@
 @use '../../styles/settings';
 
+$bottom-sheet-elevation: 12 !default;
 $bottom-sheet-inset-width: 70% !default;
 $bottom-sheet-border-radius: 0 !default;
 $bottom-sheet-transition-duration: .2s !default;