fix(VCard): incorrect positioning for v-card-actions in v-dialog (#12734

) * fix(VCard): Incorrect positioning for v-card-actions in v-dialog fixes #10605 * fix(VCard): Requested Changes Done fixes #10605 * fix(VDialog): reposition card actions Co-authored-by: amajesticpotatoe <amajesticpotatoe@gmail.com>
vuetifyjs · Dec 9, 2020 · 5ce3cd5 · 5ce3cd5
1 parent f5a234a
commit 5ce3cd5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/packages/vuetify/src/components/VDialog/VDialog.sass b/packages/vuetify/src/components/VDialog/VDialog.sass
@@ -30,6 +30,9 @@
     > .v-card__subtitle
       padding: $dialog-card-subtitle-padding
 
+    > .v-card__actions
+      padding: $dialog-card-actions-padding
+
 // Element
 .v-dialog__content
   align-items: center

diff --git a/packages/vuetify/src/components/VDialog/_variables.scss b/packages/vuetify/src/components/VDialog/_variables.scss
@@ -2,6 +2,7 @@
 
 $dialog-border-radius: $border-radius-root !default;
 $dialog-card-subtitle-padding: 0 24px 20px !default;
+$dialog-card-actions-padding: 8px 16px !default;
 $dialog-card-text-padding: 0 24px 20px !default;
 $dialog-card-title-font-size: map-deep-get($headings, 'h6', 'size') !default;
 $dialog-card-title-font-weight: map-deep-get($headings, 'h6', 'weight') !default;