From 383bbdc2e642922ac50de1b88b4be156510b8b2d Mon Sep 17 00:00:00 2001 From: John Leider Date: Sun, 21 Apr 2024 22:11:17 -0500 Subject: [PATCH] fix(VDialog): adjust styling to better match material spec --- packages/vuetify/src/components/VDialog/VDialog.sass | 3 +++ packages/vuetify/src/components/VDialog/_variables.scss | 7 ++++--- 2 files changed, 7 insertions(+), 3 deletions(-) diff --git a/packages/vuetify/src/components/VDialog/VDialog.sass b/packages/vuetify/src/components/VDialog/VDialog.sass index 96aeb78ec6f..c9aeb41f5e3 100644 --- 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 index aa7885f241b..ccd830fd7a0 100644 --- 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;