From 03f6db667a150c2a97fee74a74b7eb60df02a7f8 Mon Sep 17 00:00:00 2001
From: xlsea <m@xlsea.cn>
Date: Wed, 26 Jun 2024 15:51:09 +0800
Subject: [PATCH] =?UTF-8?q?style(sj=5Fmap=5Freduce):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E6=97=A5=E5=BF=97=E5=88=B7=E6=96=B0=E9=A2=91=E7=8E=87=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/log-drawer.vue | 20 ++++++++++++++------
 src/views/_builtin/log/index.vue     |  2 +-
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/components/common/log-drawer.vue b/src/components/common/log-drawer.vue
index 8eea17f..df84999 100644
--- a/src/components/common/log-drawer.vue
+++ b/src/components/common/log-drawer.vue
@@ -166,9 +166,13 @@ function openNewTab() {
 
 const handleSyncSelect = async (time: number) => {
   if (time === -1) {
-    finished.value = false;
-    await getLogList();
+    if (finished.value) {
+      finished.value = false;
+      await getLogList();
+    }
+    return;
   }
+
   if (time === 0) {
     stopLog();
     return;
@@ -282,12 +286,14 @@ const SnailLogComponent = defineComponent({
           <span class="ml-6px">{{ title }}</span>
           <ButtonIcon icon="hugeicons:share-01" tooltip-content="在新标签页打开" class="ml-6px" @click="openNewTab" />
           <NDropdown trigger="hover" :options="syncOptions" @select="handleSyncSelect">
-            <NTooltip>
+            <NTooltip placement="right">
               <template #trigger>
-                <NButton quaternary class="ml-3px" @click="handleSyncSelect(-1)">
+                <NButton quaternary class="ml-3px w-136px" @click="handleSyncSelect(-1)">
                   <template #icon>
                     <div class="flex-center gap-8px">
                       <icon-solar:refresh-outline class="text-18px" />
+                      {{ syncOptions.filter(item => item.key === syncTime)[0].label }}
+                      <SvgIcon icon="material-symbols:expand-more-rounded" />
                     </div>
                   </template>
                 </NButton>
@@ -304,12 +310,14 @@ const SnailLogComponent = defineComponent({
     <template #header-extra>
       <div class="flex items-center">
         <NDropdown trigger="hover" :options="syncOptions" @select="handleSyncSelect">
-          <NTooltip>
+          <NTooltip placement="right">
             <template #trigger>
-              <NButton quaternary class="ml-3px" @click="handleSyncSelect(-1)">
+              <NButton quaternary class="ml-3px w-136px" @click="handleSyncSelect(-1)">
                 <template #icon>
                   <div class="flex-center gap-8px">
                     <icon-solar:refresh-outline class="text-18px" />
+                    {{ syncOptions.filter(item => item.key === syncTime)[0].label }}
+                    <SvgIcon icon="material-symbols:expand-more-rounded" />
                   </div>
                 </template>
               </NButton>
diff --git a/src/views/_builtin/log/index.vue b/src/views/_builtin/log/index.vue
index b9f695d..9570e15 100644
--- a/src/views/_builtin/log/index.vue
+++ b/src/views/_builtin/log/index.vue
@@ -41,7 +41,7 @@ const title = computed(() => {
 </script>
 
 <template>
-  <div>
+  <div class="h-full">
     <LogDrawer :drawer="false" :title="title" :type="type" :task-data="taskData" />
   </div>
 </template>