Revert "style: change cursor to a crosshair dot"

This reverts commit cb85cc6.
robertrosman · May 14, 2024 · 72323ea · 72323ea
1 parent 4818629
commit 72323ea
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 19 deletions.
diff --git a/src/components/PaintEditor.vue b/src/components/PaintEditor.vue
@@ -54,7 +54,7 @@ const {
     minX, minY, maxX, maxY,
     top, left, bottom, right, width, height,
     posStart, posEnd,
-    isDrawing, isInside
+    isDrawing
 } = useDraw({
     container,
     onDrawStart() {
@@ -104,26 +104,11 @@ function clear() {
     emit('clear')
 }
 
-const crosshairPath = computed(() => {
-    const offset = Number(settings.value.thickness)
-    return `
-        M${x.value - 8 - offset} ${y.value} L${x.value - 2 - offset} ${y.value}
-        M${x.value + 8 + offset} ${y.value} L${x.value + 2 + offset} ${y.value}
-        M${x.value} ${y.value - 8 - offset} L${x.value} ${y.value - 2 - offset}
-        M${x.value} ${y.value + 8 + offset} L${x.value} ${y.value + 2 + offset}
-    `
-})
-
 </script>
 
 <template>
     <div ref="container" class="container">
-        <paint-renderer :tools :activeShape :history :width :height>
-            <slot name="cursor">
-                <path v-if="isInside" :d="`M${x} ${y} L${x} ${y}`" class="freehand" :stroke="settings.color" :stroke-width="settings.thickness" />
-                <path v-if="isInside" :d="crosshairPath" class="freehand" stroke="gray" stroke-width="1" />
-            </slot>
-        </paint-renderer>
+        <paint-renderer :tools :activeShape :history :width :height />
 
         <slot name="toolbar" :undo :save :clear :settings>
             <DefaultToolbar v-model:settings="settings" @undo="undo" @save="save" @clear="clear" :tools
@@ -137,7 +122,7 @@ const crosshairPath = computed(() => {
 <style scoped>
 .container {
     position: relative;
-    cursor: none;
+    cursor: crosshair;
 }
 
 :deep(.toolbar) {

diff --git a/src/components/PaintRenderer.vue b/src/components/PaintRenderer.vue
@@ -27,7 +27,6 @@ const highLayers = computed(() => props.tools.filter(tool => tool.toolSvg && (to
         <component v-for="shape, i in history" :key="i" :is="getTool(shape.type)?.shapeSvg" :shape :history />
         <component v-if="activeShape" :is="getTool(activeShape.type)?.shapeSvg" :shape="activeShape" :history :width
             :height />
-        <slot></slot>
         <component v-for="tool in highLayers" :key="tool.type" :is="tool.toolSvg" :history :activeShape :width
             :height />
         <svg:style>{{ style }}</svg:style>