优化右侧给分板缩进

src/features/mark/MarkBoardKeyBoard.vue

@@ -3,10 +3,12 @@
     v-if="store.setting.uiSetting['score.board.collapse']"
     @mouseover="handleMouseOverWithBoard"
   >
-    <div class="tw-self-start tw-cursor-pointer hover:tw-bg-gray-200">
+    <div
+      class="tw-self-start tw-cursor-pointer tw-pb-10"
+      @mouseover.stop="() => true"
+    >
       <a-switch
         v-model:checked="store.setting.uiSetting['score.board.collapse']"
-        @mouseover="(e) => e.stopPropagation()"
       />
     </div>
   </div>

src/features/mark/MarkBoardMouse.vue

@@ -3,10 +3,12 @@
     v-if="store.setting.uiSetting['score.board.collapse']"
     @mouseover="handleMouseOverWithBoard"
   >
-    <div class="tw-self-start tw-cursor-pointer hover:tw-bg-gray-200">
+    <div
+      class="tw-self-start tw-cursor-pointer tw-pb-10"
+      @mouseover.stop="() => true"
+    >
       <a-switch
         v-model:checked="store.setting.uiSetting['score.board.collapse']"
-        @mouseover="(e) => e.stopPropagation()"
       />
     </div>
   </div>

src/features/mark/MarkBoardTrack.vue

@@ -3,7 +3,10 @@
     v-if="store.setting.uiSetting['score.board.collapse']"
     @mouseover="handleMouseOverWithBoard"
   >
-    <div class="tw-self-start tw-cursor-pointer hover:tw-bg-gray-200">
+    <div
+      class="tw-self-start tw-cursor-pointer tw-pb-10"
+      @mouseover.stop="() => true"
+    >
       <!-- <ArrowLeftOutlined
         style="font-size: 30px"
         @click="collapseSideBar"
@@ -11,7 +14,6 @@
       /> -->
       <a-switch
         v-model:checked="store.setting.uiSetting['score.board.collapse']"
-        @mouseover="(e) => e.stopPropagation()"
       />
     </div>
   </div>