github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-01-25 09:18:19 -05:00
Code Issues Packages Projects Releases Wiki Activity

dialog style updates

Browse Source
This commit is contained in:
Ben Haynes
2021-01-14 21:50:43 -05:00
parent 55b0ae581d
commit fcabc1dc71
4 changed files with 22 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/src/components/v-card/v-card-title.vue
View File

@@ -9,6 +9,7 @@
align-items: center;
padding: var(--v-card-padding);
margin-top: 12px;
font-weight: 500;
line-height: 1.6em;
}
</style>

8
app/src/components/v-card/v-card.vue
View File

@@ -46,6 +46,14 @@ body {
background-color: var(--v-card-background-color);
border-radius: var(--border-radius);
// Page Content Spacing
font-size: 15px;
line-height: 24px;
--border-radius: 6px;
--input-height: 60px;
--input-padding: 16px; // (60 - 4 - 24) / 2
--form-vertical-gap: 52px;
& > :first-child {
border-top-left-radius: var(--border-radius);
border-top-right-radius: var(--border-radius);

6
app/src/components/v-dialog/v-dialog.vue
View File

@@ -126,9 +126,13 @@ export default defineComponent({
::v-deep .v-card {
--v-card-min-width: calc(100vw - 40px);
--v-card-padding: 20px;
--v-card-padding: 28px;
--v-card-background-color: var(--background-page);
.v-card-title {
padding-bottom: 8px;
}
.v-card-actions {
flex-wrap: wrap;
flex-direction: column-reverse;

8
app/src/components/v-drawer/v-drawer.vue
View File

@@ -161,6 +161,14 @@ body {
flex-grow: 1;
overflow: hidden;
// Page Content Spacing (Could be converted to Project Setting toggle)
font-size: 15px;
line-height: 24px;
--border-radius: 6px;
--input-height: 60px;
--input-padding: 16px; // (60 - 4 - 24) / 2
--form-vertical-gap: 52px;
.sidebar {
display: none;