From 6f223aaa4960e22d3ad591f0f7f2224ac980a7eb Mon Sep 17 00:00:00 2001 From: Olga Bulat Date: Tue, 15 Oct 2024 16:54:18 +0300 Subject: [PATCH] Fix focus-slim-offset offset color --- frontend/src/components/VCheckbox/VCheckbox.vue | 2 +- frontend/tailwind.config.ts | 1 + 2 files changed, 2 insertions(+), 1 deletion(-) diff --git a/frontend/src/components/VCheckbox/VCheckbox.vue b/frontend/src/components/VCheckbox/VCheckbox.vue index da8365e9eca..99b53c65477 100644 --- a/frontend/src/components/VCheckbox/VCheckbox.vue +++ b/frontend/src/components/VCheckbox/VCheckbox.vue @@ -116,7 +116,7 @@ const onChange = () => { class="me-3 block appearance-none border border-tertiary bg-default transition-colors duration-100 checked:bg-tertiary disabled:border-disabled disabled:bg-secondary checked:disabled:border-disabled checked:disabled:bg-disabled" :class=" isSwitch - ? ['h-4.5', 'w-9', '!rounded-full', 'focus-slim-offset'] + ? ['h-4.5', 'w-9', 'rounded-full', 'focus-slim-offset'] : [ 'h-5', 'w-5', diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts index 01a128df586..dd0d957d03b 100644 --- a/frontend/tailwind.config.ts +++ b/frontend/tailwind.config.ts @@ -354,6 +354,7 @@ export default { ].map((item) => [ item, (value) => ({ + "--tw-ring-offset-color": "var(--color-bg-curr-page)", "--tw-ring-color": value, "--tw-outline-color": value, }),