From e864feb4016739c0f5f2925257d2e7a6dc88f74d Mon Sep 17 00:00:00 2001
From: Haishan <haishanhan@gmail.com>
Date: Sun, 7 Jun 2020 18:15:07 +0800
Subject: fix: mode not display correctly due to clash API change

for https://github.com/haishanh/yacd/issues/491
---
 src/components/ToggleSwitch.module.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'src/components/ToggleSwitch.module.css')

diff --git a/src/components/ToggleSwitch.module.css b/src/components/ToggleSwitch.module.css
index 78a2b41..9103fab 100644
--- a/src/components/ToggleSwitch.module.css
+++ b/src/components/ToggleSwitch.module.css
@@ -5,6 +5,11 @@
   background: var(--color-toggle-bg);
   display: flex;
   position: relative;
+  outline: none;
+
+  &:focus {
+    border-color: var(--color-focus-blue);
+  }
 
   input {
     position: absolute;
@@ -13,7 +18,6 @@
   }
 
   label {
-    flex: 1;
     z-index: 2;
     display: flex;
     align-items: center;
-- 
cgit v1.3.1