From 7cc223363591e78307f0b078d62e29ca8fa3e969 Mon Sep 17 00:00:00 2001 From: Warsono Date: Fri, 9 Jun 2023 10:39:34 +0700 Subject: [PATCH] fix(Switch): fix thumb position --- packages/themes/src/morpheme/_switch.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/themes/src/morpheme/_switch.scss b/packages/themes/src/morpheme/_switch.scss index cda0e1b30..66e44a08f 100644 --- a/packages/themes/src/morpheme/_switch.scss +++ b/packages/themes/src/morpheme/_switch.scss @@ -2,7 +2,7 @@ --v-switch-width: 100%; /* button */ --v-switch-button-bg-color: var(--color-gray-200); - --v-switch-button-border-color: var(--color-transparent); + --v-switch-button-border-color: var(--color-gray-200); --v-switch-button-checked-bg-color: var(--color-primary-500); --v-switch-button-checked-border-color: var(--color-primary-500); --v-switch-button-width: 36px; @@ -15,9 +15,9 @@ --v-switch-thumb-width: 16px; --v-switch-thumb-height: 16px; --v-switch-thumb-border-radius: var(--border-radius-full); - --v-switch-thumb-translate-x: 2px; + --v-switch-thumb-translate-x: 0px; - --v-switch-thumb-active-translate-x: 18px; + --v-switch-thumb-active-translate-x: 16px; /* label */ --v-switch-label-color: var(--v-input-label-color);