github/directus
1
1
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-04-25 03:00:53 -04: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

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

@@ -63,7 +63,7 @@ body {
display: inline-block;
&.bordered {
--v-badge-size: 20px;
--v-badge-size: 18px;
}
&.dot {
@@ -87,8 +87,8 @@ body {
height: var(--v-badge-size);
padding: 0 5px;
color: var(--v-badge-color);
font-weight: 600;
font-size: 11px;
font-weight: 800;
font-size: 9px;
background-color: var(--v-badge-background-color);
border-radius: calc(var(--v-badge-size) / 2);

4
app/src/components/v-chip/v-chip.vue
View File

@@ -129,12 +129,14 @@ body {
&.x-small {
height: 20px;
padding: 0 4px;
font-size: 12px;
border-radius: 10px;
}
&.small {
height: 26px;
height: 24px;
padding: 0 4px;
font-size: 14px;
border-radius: 12px;
}

6
app/src/components/v-list/v-list-item.vue
View File

@@ -139,7 +139,7 @@ body {
--v-list-item-max-height: auto;
--v-list-item-border-radius: var(--border-radius);
--v-list-item-border-color: var(--border-subdued);
--v-list-item-border-color-hover: var(--border-normal);
--v-list-item-border-color-hover: var(--border-normal-alt);
--v-list-item-color: var(--v-list-color, var(--foreground-normal));
--v-list-item-color-hover: var(--v-list-color-hover, var(--foreground-normal));
--v-list-item-color-active: var(--v-list-color-active, var(--foreground-normal));
@@ -226,8 +226,8 @@ body {
&.block {
--v-list-item-border-color: var(--border-subdued);
--v-list-item-background-color: var(--background-subdued);
--v-list-item-background-color-hover: var(--background-subdued);
--v-list-item-background-color: var(--background-page);
--v-list-item-background-color-hover: var(--card-face-color);
--v-icon-color: var(--foreground-subdued);
position: relative;