summaryrefslogtreecommitdiff
path: root/packages/frontend/src/components/MkSwitch.vue
diff options
context:
space:
mode:
authorsyuilo <Syuilotan@yahoo.co.jp>2023-01-07 15:00:29 +0900
committersyuilo <Syuilotan@yahoo.co.jp>2023-01-07 15:00:29 +0900
commit49a0b6c48bb8063f4acc6e31d619ee7adc3d3acf (patch)
tree8e9adce59276292d43048cd641afd240c7b5380e /packages/frontend/src/components/MkSwitch.vue
parent:art: (diff)
downloadsharkey-49a0b6c48bb8063f4acc6e31d619ee7adc3d3acf.tar.gz
sharkey-49a0b6c48bb8063f4acc6e31d619ee7adc3d3acf.tar.bz2
sharkey-49a0b6c48bb8063f4acc6e31d619ee7adc3d3acf.zip
fix typo
Diffstat (limited to 'packages/frontend/src/components/MkSwitch.vue')
-rw-r--r--packages/frontend/src/components/MkSwitch.vue12
1 files changed, 6 insertions, 6 deletions
diff --git a/packages/frontend/src/components/MkSwitch.vue b/packages/frontend/src/components/MkSwitch.vue
index 5c9e3a5223..133f437ca1 100644
--- a/packages/frontend/src/components/MkSwitch.vue
+++ b/packages/frontend/src/components/MkSwitch.vue
@@ -73,9 +73,9 @@ const toggle = () => {
width: 32px;
height: 23px;
outline: none;
- background: var(--swutchOffBg);
+ background: var(--switchOffBg);
background-clip: content-box;
- border: solid 1px var(--swutchOffBg);
+ border: solid 1px var(--switchOffBg);
border-radius: 999px;
cursor: pointer;
transition: inherit;
@@ -87,7 +87,7 @@ const toggle = () => {
left: 3px;
width: 15px;
height: 15px;
- background: var(--swutchOffFg);
+ background: var(--switchOffFg);
border-radius: 999px;
transition: all 0.2s ease;
}
@@ -131,12 +131,12 @@ const toggle = () => {
&.checked {
> .button {
- background-color: var(--swutchOnBg) !important;
- border-color: var(--swutchOnBg) !important;
+ background-color: var(--switchOnBg) !important;
+ border-color: var(--switchOnBg) !important;
> .knob {
left: 12px;
- background: var(--swutchOnFg);
+ background: var(--switchOnFg);
}
}
}