fix(VDialog): make form fill parent (#20555)

Co-authored-by: Kael <kaelwd@gmail.com>
vuetifyjs · Nov 6, 2024 · 42a12dd · 42a12dd
1 parent 3adcbef
commit 42a12dd
Showing 1 changed file with 6 additions and 7 deletions.
diff --git a/packages/vuetify/src/components/VDialog/VDialog.sass b/packages/vuetify/src/components/VDialog/VDialog.sass
@@ -24,6 +24,7 @@
           --v-scrollbar-offset: 0px
           border-radius: $dialog-border-radius
           overflow-y: auto
+          flex: 1 1 100%
 
           @include tools.elevation($dialog-elevation)
 
@@ -54,6 +55,7 @@
       margin: 0
       padding: 0
       width: 100%
+      height: 100%
       max-width: 100%
       max-height: 100%
       overflow-y: auto
@@ -62,8 +64,6 @@
 
       &,
       > form
-        height: 100%
-
         > .v-card,
         > .v-sheet
           min-height: 100%
@@ -73,15 +73,14 @@
   .v-dialog--scrollable > .v-overlay__content
     &,
     > form
-      display: flex
-
+      &,
       > .v-card
         display: flex
         flex: 1 1 100%
         flex-direction: column
         max-height: 100%
         max-width: 100%
 
-        > .v-card-text
-          backface-visibility: hidden
-          overflow-y: auto
+      > .v-card > .v-card-text
+        backface-visibility: hidden
+        overflow-y: auto