fix: black area nav trigger

slidevjs · Sep 13, 2021 · bd9e187 · bd9e187
1 parent 3fd3d9a
commit bd9e187
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 9 deletions.
diff --git a/packages/client/internals/DrauuControls.vue b/packages/client/internals/DrauuControls.vue
@@ -22,8 +22,8 @@ function redo() {
         @click="drauuBrush.color = color"
       >
         <div
-          class="w-5 h-5 transition-all border border-gray-400/50"
-          :class="drauuBrush.color !== color ? 'rounded-full' : 'rounded'"
+          class="w-6 h-6 transition-all transform border border-gray-400/50"
+          :class="drauuBrush.color !== color ? 'rounded-1/2 scale-85' : 'rounded'"
           :style="{ background: color }"
         />
       </button>
@@ -34,7 +34,7 @@ function redo() {
         <carbon:draw />
       </button>
       <button class="icon-btn" :class="{ shallow: drauuMode != 'line' }" @click="drauuMode = 'line'">
-        <carbon:scalpel />
+        <uil:line-alt />
       </button>
       <button class="icon-btn" :class="{ shallow: drauuMode != 'ellipse' }" @click="drauuMode = 'ellipse'">
         <carbon:radio-button />
@@ -45,15 +45,15 @@ function redo() {
 
       <VerticalDivider />
 
-      <button class="icon-btn" @click="clearDrauu()">
-        <carbon:clean />
-      </button>
       <button class="icon-btn" :class="{ disabled: !canUndo }" @click="undo()">
         <carbon:undo />
       </button>
       <button class="icon-btn" :class="{ disabled: !canRedo }" @click="redo()">
         <carbon:redo />
       </button>
+      <button class="icon-btn" @click="clearDrauu()">
+        <carbon:clean />
+      </button>
 
       <template v-if="drauuEnabled">
         <VerticalDivider />

diff --git a/packages/client/internals/NavControls.vue b/packages/client/internals/NavControls.vue
@@ -3,7 +3,7 @@ import { computed, ref, shallowRef } from 'vue'
 import { isDark, toggleDark, isColorSchemaConfigured } from '../logic/dark'
 import { hasNext, hasPrev, prev, next, total, isPresenter, currentPage, downloadPDF, isEmbedded } from '../logic/nav'
 import { toggleOverview, showEditor, showInfoDialog, fullscreen, breakpoints, activeElement } from '../state'
-import { drauuEnabled, drauuMode, drauuBrush } from '../logic/drauu'
+import { drauuEnabled, drauuBrush } from '../logic/drauu'
 import { configs } from '../env'
 import Settings from './Settings.vue'
 import MenuButton from './MenuButton.vue'

diff --git a/packages/client/internals/Play.vue b/packages/client/internals/Play.vue
@@ -41,7 +41,7 @@ if (__DEV__)
       :style="{ background: 'var(--slidev-slide-container-background, black)'}"
       :width="isPrintMode ? windowSize.width.value : undefined"
       :scale="slideScale"
-      @click="onClick"
+      @pointerdown="onClick"
     >
       <template #>
         <SlidesShow />

diff --git a/packages/client/internals/SlidesOverview.vue b/packages/client/internals/SlidesOverview.vue
@@ -7,7 +7,7 @@ import { getSlideClass } from '../utils'
 import SlideContainer from './SlideContainer.vue'
 import SlideWrapper from './SlideWrapper'
 
-const emit = defineEmits<{}>()
+const emit = defineEmits([])
 const props = defineProps<{ modelValue: boolean }>()
 
 const value = useVModel(props, 'modelValue', emit)