fix ui

src/components/dialog/AlistConfigDialog.vue

@@ -84,7 +84,7 @@ async function savaAlistConfig() {
       </VCardText>
       <VCardActions>
         <VSpacer />
-        <VBtn variant="elevated" @click="handleReset" prepend-icon="mdi-restore" class="px-5 me-3">
+        <VBtn variant="tonal" color="error" @click="handleReset" prepend-icon="mdi-restore" class="px-5 me-3">
           {{ t('dialog.alistConfig.reset') }}
         </VBtn>
         <VBtn variant="elevated" @click="handleDone" prepend-icon="mdi-check" class="px-5 me-3">

src/components/dialog/AliyunAuthDialog.vue

@@ -125,7 +125,7 @@ onUnmounted(() => {
       </VCardText>
       <VCardActions>
         <VSpacer />
-        <VBtn variant="elevated" @click="handleReset" prepend-icon="mdi-restore" class="px-5 me-3">
+        <VBtn variant="tonal" color="error" @click="handleReset" prepend-icon="mdi-restore" class="px-5 me-3">
           {{ t('dialog.aliyunAuth.reset') }}
         </VBtn>
         <VBtn variant="elevated" @click="handleDone" prepend-icon="mdi-check" class="px-5 me-3">

src/components/dialog/RcloneConfigDialog.vue

@@ -44,12 +44,7 @@ async function handleReset() {
   try {
     const result: { [key: string]: any } = await api.get('/storage/reset/rclone')
     if (result.success) {
-      // 重置成功
-      alertType.value = 'success'
       handleDone()
-    } else {
-      alertType.value = 'error'
-      text.value = result.message
     }
   } catch (e) {
     console.error(e)
@@ -80,7 +75,7 @@ async function handleReset() {
       </VCardText>
       <VCardActions>
         <VSpacer />
-        <VBtn variant="elevated" @click="handleReset" prepend-icon="mdi-restore" class="px-5 me-3">
+        <VBtn variant="tonal" color="error" @click="handleReset" prepend-icon="mdi-restore" class="px-5 me-3">
           {{ t('dialog.rcloneConfig.reset') }}
         </VBtn>
         <VBtn variant="elevated" @click="handleDone" prepend-icon="mdi-check" class="px-5 me-3">

src/components/dialog/U115AuthDialog.vue

@@ -124,7 +124,7 @@ onUnmounted(() => {
       </VCardText>
       <VCardActions>
         <VSpacer />
-        <VBtn variant="elevated" @click="handleReset" prepend-icon="mdi-restore" class="px-5 me-3">
+        <VBtn variant="tonal" color="error" @click="handleReset" prepend-icon="mdi-restore" class="px-5 me-3">
           {{ t('dialog.u115Auth.reset') }}
         </VBtn>
         <VBtn variant="elevated" @click="handleDone" prepend-icon="mdi-check" class="px-5 me-3">

src/layouts/components/UserNotification.vue

@@ -87,7 +87,7 @@ onBeforeUnmount(() => {
       </VCardItem>
       <VDivider />
       <div class="notification-list-container">
-        <div v-if="notificationList.length > 0" class="notification-list">
+        <div v-if="notificationList.length > 0" class="h-full overflow-y-auto">
           <VListItem v-for="(item, i) in notificationList" :key="i" lines="two" class="mb-1">
             <template #prepend>
               <VAvatar rounded>
@@ -120,12 +120,7 @@ onBeforeUnmount(() => {
 
 <style scoped>
 .notification-list-container {
-  max-height: 50vh;
   overflow: hidden;
-}
-
-.notification-list {
-  max-height: 100%;
-  overflow-y: auto;
+  max-block-size: 50vh;
 }
 </style>

tailwind.config.js

@@ -1,7 +1,6 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
-  important: true,
   theme: {
     extend: {},
   },