interface padding (#10441)

directus · Dec 10, 2021 · 99c8f59 · 99c8f59
1 parent 5a7e31b
commit 99c8f59
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/app/src/components/v-list/v-list-item.vue b/app/src/components/v-list/v-list-item.vue
@@ -134,8 +134,8 @@ export default defineComponent({
 
 <style>
 body {
-	--v-list-item-padding-nav: 0 8px;
-	--v-list-item-padding: 0 8px 0 calc(8px + var(--v-list-item-indent, 0px));
+	--v-list-item-padding-nav: 0 var(--input-padding);
+	--v-list-item-padding: 0 var(--input-padding) 0 calc(var(--input-padding) + var(--v-list-item-indent, 0px));
 	--v-list-item-margin-nav: 2px 0;
 	--v-list-item-margin: 2px 0;
 	--v-list-item-min-width: none;
@@ -240,7 +240,7 @@ body {
 		display: flex;
 		height: var(--input-height);
 		margin: 0;
-		padding: 8px;
+		padding: 8px var(--input-padding);
 		background-color: var(--v-list-item-background-color);
 		border: var(--border-width) solid var(--v-list-item-border-color);
 		border-radius: var(--border-radius);

diff --git a/app/src/interfaces/select-color/select-color.vue b/app/src/interfaces/select-color/select-color.vue
@@ -307,8 +307,8 @@ export default defineComponent({
 	visibility: hidden;
 }
 
-.color-input {
-	--input-padding: 12px 12px 12px 4px;
+.color-input :deep(.input) {
+	padding-left: 6px;
 }
 
 .color-data-inputs {