XuanShengHua/xsh-assistant-next
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ui: improvement

Browse Source
This commit is contained in:
Timothy Yin
2024-02-28 10:38:39 +08:00
parent cca5563966
commit 79d45d1781
2 changed files with 12 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
components/ModalAuthentication.vue
View File

@@ -2,6 +2,7 @@
import {Label, PinInputInput, PinInputRoot} from 'radix-vue' import {Label, PinInputInput, PinInputRoot} from 'radix-vue'
const toast = useToast() const toast = useToast()
const modal = useModal()
const sms_triggered = ref(false) const sms_triggered = ref(false)
const sms_sending = ref(false) const sms_sending = ref(false)
@@ -50,8 +51,16 @@ const obtainSmsCode = () => {
</script> </script>
<template> <template>
<UModal> <UModal prevent-close>
<UCard> <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"> <UTabs :items="items" class="w-full">
<template #default="{ item, index, selected }"> <template #default="{ item, index, selected }">

2
pages/aigc/drawing/index.vue
View File

@@ -22,10 +22,12 @@ const handle_mousedown = (e: MouseEvent, min: number = 240, max: number = 400) =
} }
const handle_mouseup = () => { const handle_mouseup = () => {
leftSection.value?.classList.add('transition-all') 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('mousemove', handle_mousemove)
window.removeEventListener('mouseup', handle_mouseup) window.removeEventListener('mouseup', handle_mouseup)
} }
leftSection.value?.classList.remove('transition-all') 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('mousemove', handle_mousemove)
window.addEventListener('mouseup', handle_mouseup) window.addEventListener('mouseup', handle_mouseup)
} }