diff --git a/app/src/components/v-checkbox/v-checkbox.vue b/app/src/components/v-checkbox/v-checkbox.vue index 573346efd8..395fef1240 100644 --- a/app/src/components/v-checkbox/v-checkbox.vue +++ b/app/src/components/v-checkbox/v-checkbox.vue @@ -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); diff --git a/app/src/components/v-divider/v-divider.vue b/app/src/components/v-divider/v-divider.vue index 37b872a87c..85df25d886 100644 --- a/app/src/components/v-divider/v-divider.vue +++ b/app/src/components/v-divider/v-divider.vue @@ -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 { diff --git a/app/src/components/v-list/v-list-item.vue b/app/src/components/v-list/v-list-item.vue index 1e1ef3aad0..8908c4cc89 100644 --- a/app/src/components/v-list/v-list-item.vue +++ b/app/src/components/v-list/v-list-item.vue @@ -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; } & + & { diff --git a/app/src/components/v-table/table-header/table-header.vue b/app/src/components/v-table/table-header/table-header.vue index 06a391826d..88dc0bc70b 100644 --- a/app/src/components/v-table/table-header/table-header.vue +++ b/app/src/components/v-table/table-header/table-header.vue @@ -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: ''; diff --git a/app/src/components/v-table/table-row/table-row.vue b/app/src/components/v-table/table-row/table-row.vue index 1b6b994c82..e9bba979bd 100644 --- a/app/src/components/v-table/table-row/table-row.vue +++ b/app/src/components/v-table/table-row/table-row.vue @@ -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; diff --git a/app/src/layouts/cards/components/header.vue b/app/src/layouts/cards/components/header.vue index 1a24869b21..223c3b44cf 100644 --- a/app/src/layouts/cards/components/header.vue +++ b/app/src/layouts/cards/components/header.vue @@ -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); }