From 3f66d871acd0055d123c6e7e76df5098637c7338 Mon Sep 17 00:00:00 2001 From: DanielRasho Date: Wed, 8 Nov 2023 17:02:53 -0600 Subject: [PATCH] Fix: Switch button component colors to be supported on any browsers. --- src/components/atoms/switchButton.vue | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/src/components/atoms/switchButton.vue b/src/components/atoms/switchButton.vue index d0ac0a7..0c1dad9 100644 --- a/src/components/atoms/switchButton.vue +++ b/src/components/atoms/switchButton.vue @@ -105,14 +105,14 @@ watch( linear, left top, right top, - color-stop(50%, var(--outline)), - color-stop(50%, var(--background)) + color-stop(50%, var(--background)), + color-stop(50%, var(--primary)) ) no-repeat; background: -o-linear-gradient( left, - var(--outline) 50%, - var(--background) 50% + var(--background) 50%, + var(--primary) 50% ) no-repeat; background: linear-gradient( @@ -151,7 +151,11 @@ watch( color-stop(50%, var(--primary)) ) no-repeat; - background: -o-linear-gradient(left, var(--outline) 50%, var(--primary) 50%) + background: -o-linear-gradient( + left, + var(--background) 50%, + var(--primary) 50% + ) no-repeat; background: linear-gradient( to right,