fix(VDialog): adjust styling to better match material spec

vuetifyjs · Apr 22, 2024 · 383bbdc · 383bbdc
1 parent 245f6d3
commit 383bbdc
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/packages/vuetify/src/components/VDialog/VDialog.sass b/packages/vuetify/src/components/VDialog/VDialog.sass
@@ -43,6 +43,9 @@
             line-height: inherit
             padding: $dialog-card-text-padding
 
+          > .v-card-actions
+            justify-content: $dialog-card-actions-justify
+
   .v-dialog--fullscreen
     --v-scrollbar-offset: 0px
 

diff --git a/packages/vuetify/src/components/VDialog/_variables.scss b/packages/vuetify/src/components/VDialog/_variables.scss
@@ -7,7 +7,8 @@ $dialog-elevation: 24 !default;
 $dialog-border-radius: settings.$border-radius-root !default;
 $dialog-margin: 24px !default;
 
-$dialog-card-header-padding: 14px 24px 0 !default;
-$dialog-card-header-text-padding-top: 10px !default;
-$dialog-card-text-padding: 16px 24px 10px !default;
+$dialog-card-actions-justify: flex-end !default;
+$dialog-card-header-padding: 16px 24px !default;
+$dialog-card-header-text-padding-top: 0 !default;
+$dialog-card-text-padding: 16px 24px 24px !default;
 $dialog-card-text-letter-spacing: tools.map-deep-get(settings.$typography, 'body-1', 'letter-spacing') !default;