🐛 修复移动端黑暗模式按钮的图标错位及动画错位

GraiaCommunity · Nov 12, 2024 · 59c0923 · 59c0923
1 parent 37f2313
commit 59c0923
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/docs/.vitepress/theme/Layout.vue b/docs/.vitepress/theme/Layout.vue
@@ -62,10 +62,14 @@ provide('toggle-appearance', async ({ clientX: x, clientY: y }: MouseEvent) => {
 
 .VPSwitchAppearance {
   width: 22px !important;
-  background-color: initial !important;
+  display: flex !important;
+  justify-content: center;
+  align-items: center;
 }
 
 .VPSwitchAppearance .check {
   transform: none !important;
+  position: initial;
+  box-shadow: initial;
 }
 </style>