github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-02-07 07:15:05 -05:00
Code Issues Packages Projects Releases Wiki Activity

Style updates (#8359)

Browse Source 
* badge sizing

* tailored chip padding based on size

* list style update

* round language progress bar

* remove whitespace causing odd gap after field

* complress field management grid

* add yellow to color options, make warning yellow
This commit is contained in:
Ben Haynes
2021-09-27 17:43:30 -04:00
committed by GitHub
parent c2c9ad4116
commit 6801ccf38e
8 changed files with 59 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
app/src/modules/settings/routes/data-model/fields/components/field-select.vue
View File

@@ -442,23 +442,22 @@ export default defineComponent({
.field-grid {
position: relative;
display: grid;
grid-gap: 12px;
grid-gap: 8px;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
& + & {
margin-top: 12px;
margin-top: 8px;
}
}
.field {
:deep(.input) {
background-color: var(--card-face-color) !important;
border: none !important;
box-shadow: 0px 0px 6px 0px rgba(var(--card-shadow-color), 0.2) !important;
border: var(--border-width) solid var(--border-subdued) !important;
}
:deep(.input:hover) {
background-color: var(--card-face-color) !important;
border: var(--border-width) solid var(--border-normal-alt) !important;
}
.label {
@@ -475,7 +474,7 @@ export default defineComponent({
text-overflow: ellipsis;
.name {
margin-right: 12px;
margin-right: 8px;
font-family: var(--family-monospace);
}

4
app/src/modules/settings/routes/data-model/fields/components/fields-management.vue
View File

@@ -197,7 +197,7 @@ export default defineComponent({
.field-grid {
position: relative;
display: grid;
grid-gap: 12px;
grid-gap: 8px;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
padding-bottom: 24px;
}
@@ -207,7 +207,7 @@ export default defineComponent({
--v-button-background-color: var(--primary);
--v-button-background-color-hover: var(--primary-125);
margin-top: -8px;
margin-top: -12px;
.v-icon {
margin-right: 8px;