github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-01-23 04:58:00 -05:00
Code Issues Packages Projects Releases Wiki Activity

border widths (#8013)

Browse Source
This commit is contained in:
Ben Haynes
2021-09-13 18:44:10 -04:00
committed by GitHub
parent 9b210ed597
commit 8564cb069a
6 changed files with 11 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/src/components/v-checkbox/v-checkbox.vue
View File

@@ -175,7 +175,7 @@ body {
width: 100%;
height: var(--input-height);
padding: 10px; // 14 - 4 (border)
border: 2px solid var(--border-normal);
border: var(--border-width) solid var(--border-normal);
border-radius: var(--border-radius);
transition: all var(--fast) var(--transition);

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

@@ -52,7 +52,7 @@ body {
margin-top: 8px;
border: solid;
border-color: var(--v-divider-color);
border-width: 2px 0 0 0;
border-width: var(--border-width) 0 0 0;
}
span.wrapper {
@@ -101,7 +101,7 @@ body {
hr {
width: 0px;
max-width: 0px;
border-width: 0 2px 0 0;
border-width: 0 var(--border-width) 0 0;
}
span.wrapper {

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

@@ -229,7 +229,7 @@ body {
margin: 0;
padding: 8px;
background-color: var(--background-subdued);
border: 2px solid var(--border-subdued);
border: var(--border-width) solid var(--border-subdued);
border-radius: var(--border-radius);
transition: border-color var(--fast) var(--transition);
@@ -255,11 +255,11 @@ body {
&:hover {
background-color: var(--background-subdued);
border: 2px solid var(--border-normal);
border: var(--border-width) solid var(--border-normal);
}
&.sortable-chosen {
border: 2px solid var(--primary) !important;
border: var(--border-width) solid var(--primary) !important;
}
& + & {

4
app/src/components/v-table/table-header/table-header.vue
View File

@@ -250,7 +250,7 @@ export default defineComponent({
font-weight: 500;
font-size: 14px;
background-color: var(--v-table-background-color);
border-bottom: 2px solid var(--border-subdued);
border-bottom: var(--border-width) solid var(--border-subdued);
&.select,
&.manual {
@@ -346,7 +346,7 @@ export default defineComponent({
top: 20%;
left: 2px;
display: block;
width: 2px;
width: var(--border-width);
height: 60%;
background-color: var(--border-subdued);
content: '';

2
app/src/components/v-table/table-row/table-row.vue
View File

@@ -102,7 +102,7 @@ export default defineComponent({
white-space: nowrap;
text-overflow: ellipsis;
background-color: var(--v-table-background-color);
border-bottom: 2px solid var(--border-subdued);
border-bottom: var(--border-width) solid var(--border-subdued);
&:last-child {
padding: 0 12px 0 12px;

4
app/src/layouts/cards/components/header.vue
View File

@@ -146,8 +146,8 @@ export default defineComponent({
margin-bottom: 36px;
padding: 0 8px;
background-color: var(--background-page);
border-top: 2px solid var(--border-subdued);
border-bottom: 2px solid var(--border-subdued);
border-top: var(--border-width) solid var(--border-subdued);
border-bottom: var(--border-width) solid var(--border-subdued);
box-shadow: 0 0 0 2px var(--background-page);
}