From 79d45d17814becc4157707763b5653eea56c25bd Mon Sep 17 00:00:00 2001
From: HoshinoSuzumi <master@uniiem.com>
Date: Wed, 28 Feb 2024 10:38:39 +0800
Subject: [PATCH] ui: improvement

---
 components/ModalAuthentication.vue | 11 ++++++++++-
 pages/aigc/drawing/index.vue       |  2 ++
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/components/ModalAuthentication.vue b/components/ModalAuthentication.vue
index dd45f92..d3ded2d 100644
--- a/components/ModalAuthentication.vue
+++ b/components/ModalAuthentication.vue
@@ -2,6 +2,7 @@
 import {Label, PinInputInput, PinInputRoot} from 'radix-vue'
 
 const toast = useToast()
+const modal = useModal()
 
 const sms_triggered = ref(false)
 const sms_sending = ref(false)
@@ -50,8 +51,16 @@ const obtainSmsCode = () => {
 </script>
 
 <template>
-  <UModal>
+  <UModal prevent-close>
     <UCard>
+      <template #header>
+        <div class="flex items-center justify-between">
+          <h3 class="text-base font-semibold leading-6 text-gray-900 dark:text-white">
+            Modals
+          </h3>
+          <UButton color="gray" variant="ghost" icon="i-heroicons-x-mark-20-solid" class="-my-1" @click="modal.close()"/>
+        </div>
+      </template>
 
       <UTabs :items="items" class="w-full">
         <template #default="{ item, index, selected }">
diff --git a/pages/aigc/drawing/index.vue b/pages/aigc/drawing/index.vue
index 09f36fd..6d80f5c 100644
--- a/pages/aigc/drawing/index.vue
+++ b/pages/aigc/drawing/index.vue
@@ -22,10 +22,12 @@ const handle_mousedown = (e: MouseEvent, min: number = 240, max: number = 400) =
     }
     const handle_mouseup = () => {
       leftSection.value?.classList.add('transition-all')
+      leftHandler.value?.lastElementChild?.classList.remove('bg-indigo-300', 'dark:bg-indigo-700', 'w-[3px]')
       window.removeEventListener('mousemove', handle_mousemove)
       window.removeEventListener('mouseup', handle_mouseup)
     }
     leftSection.value?.classList.remove('transition-all')
+    leftHandler.value?.lastElementChild?.classList.add('bg-indigo-300', 'dark:bg-indigo-700', 'w-[3px]')
     window.addEventListener('mousemove', handle_mousemove)
     window.addEventListener('mouseup', handle_mouseup)
   }