fix(presenter): clicks context sync with mirror mode

Author: antfu

packages/client/pages/presenter.vue

@@ -127,16 +127,17 @@ onMounted(() => {
         <template v-if="mainSlideMode === 'mirror'">
           <ScreenCaptureMirror />
         </template>
-        <template v-else>
-          <SlideContainer
-            key="main"
-            class="p-2 lg:p-4 flex-auto"
-            is-main
-            @contextmenu="onContextMenu"
-          >
-            <SlidesShow render-context="presenter" />
-          </SlideContainer>
-        </template>
+
+        <!-- We use v-show here to still infer the clicks context -->
+        <SlideContainer
+          v-show="mainSlideMode === 'slides'"
+          key="main"
+          class="p-2 lg:p-4 flex-auto"
+          is-main
+          @contextmenu="onContextMenu"
+        >
+          <SlidesShow render-context="presenter" />
+        </SlideContainer>
 
         <ClicksSlider
           :key="currentSlideRoute?.no"

packages/client/styles/index.css

@@ -123,8 +123,8 @@ html {
 
 .slidev-form-button {
   --uno: text-white px-4 py-1 rounded border-b-2;
-  --uno: 'bg-gray-400:50 border-gray-800:50';
-  --uno: 'hover:(bg-gray-400:75 border-gray8:75)';
+  --uno: 'bg-gray-500 border-gray-700';
+  --uno: 'hover:(bg-gray-400 border-gray6)';
 }
 .slidev-form-button.primary {
   --uno: bg-teal-600 border-teal-800;