From 8411df47ef9fe6c250038fd2c76fc368461f5bd8 Mon Sep 17 00:00:00 2001
From: CatsJuice <wp1298554944@hotmail.com>
Date: Sat, 22 Jul 2023 16:58:10 +0800
Subject: [PATCH] chore: fix build error

---
 src/pages/index.vue | 29 +++++++++++++++--------------
 uno.config.ts       |  6 +++---
 2 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/src/pages/index.vue b/src/pages/index.vue
index 768ccc5..0d375e2 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -6,6 +6,7 @@ import type { BrushOptions, DrawOptions, SvgReplayOptions } from '../types/svg'
 import { createToast } from '../utils/toast'
 
 const SvgCanvas = defineAsyncComponent(() => import('../components/SvgCanvas.vue'))
+const ResizePan = defineAsyncComponent(() => import('../components/ResizePan.vue'))
 
 const { createShareUrl, parseShareInfo } = useShare()
 const { copy } = useClipboard()
@@ -114,14 +115,14 @@ function debugPane() {
     <teleport to="body">
       <div ref="paneRef" fixed left-2 top-2 z-100 w-280px />
     </teleport>
-    <ResizePan
-      :width="width"
-      :height="height"
-      @update:width="updateCanvasWidth"
-      @update:height="updateCanvasHeight"
-    >
-      <Card relative cursor-none>
-        <ClientOnly>
+    <ClientOnly>
+      <ResizePan
+        :width="width"
+        :height="height"
+        @update:width="updateCanvasWidth"
+        @update:height="updateCanvasHeight"
+      >
+        <Card relative cursor-none>
           <SvgCanvas
             ref="svgRef"
             :initial-lines="initialLines"
@@ -132,10 +133,10 @@ function debugPane() {
             :height="height"
             @update="svg = $event"
           />
-        </ClientOnly>
-        <PenCursor class="!absolute" top-0 />
-      </Card>
-    </ResizePan>
+          <PenCursor class="!absolute" top-0 />
+        </Card>
+      </ResizePan>
+    </ClientOnly>
     <SvgPreviewer
       v-if="svg"
       :svg-code="svg"
@@ -211,8 +212,8 @@ function debugPane() {
 
 <style lang="scss">
 .toolbar {
-  background: linear-gradient(90deg, #ffffff00 0%, #fcfcfc00 100%);
-  backdrop-filter:  blur(3px);
+  background: linear-gradient(90deg, #ffffff30 0%, #fcfcfcaa 100%);
+  backdrop-filter:  blur(10px);
   position: relative;
   &::after {
     content: "";
diff --git a/uno.config.ts b/uno.config.ts
index 7e1b95a..f121431 100644
--- a/uno.config.ts
+++ b/uno.config.ts
@@ -13,9 +13,9 @@ export default defineConfig({
   shortcuts: [
     ['full', 'w-full h-full'],
     ['flex-center', 'flex items-center justify-center'],
-    ['btn', 'rounded-2 px-4 py-2 bg-purple-600 text-white hover:bg-purple-700 disabled:opacity-50 disabled:cursor-not-allowed'],
-    ['btn-outline', 'rounded-2 px-4 py-2 b-1 bg-white border-color-purple-600 text-purple-700 hover:text-purple-700 hover:border-color-purple-700 disabled:opacity-50 disabled:cursor-not-allowed'],
-    ['preview-btn', 'rounded-full bg-white px4 py2 font-bold text-dark/70 hover:text-dark hover:bg-white/80 transition-all'],
+    ['btn', 'font-medium rounded-2 px-4 py-2 bg-purple-600 text-white hover:bg-purple-700 disabled:opacity-50 disabled:cursor-not-allowed'],
+    ['btn-outline', 'font-medium rounded-2 px-4 py-2 b-1 bg-white border-color-purple-600 text-purple-700 hover:text-purple-700 hover:border-color-purple-700 disabled:opacity-50 disabled:cursor-not-allowed'],
+    ['preview-btn', 'rounded-full bg-white px4 py2 font-medium text-dark/70 hover:text-dark hover:bg-white/80 transition-all'],
   ],
   presets: [
     presetUno(),