From 473d0f1cdd9df4b6ddcb9af0a45227135b2b4a16 Mon Sep 17 00:00:00 2001
From: tbphp <tangb7420@gmail.com>
Date: Thu, 6 Aug 2026 17:33:43 +0800
Subject: [PATCH] =?UTF-8?q?fix(web):=20=E7=BB=9F=E4=B8=80=E6=97=A5?=
 =?UTF-8?q?=E5=BF=97=E7=AD=9B=E9=80=89=E4=B8=8E=E4=BE=A7=E8=BE=B9=E6=A0=8F?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/components/ui/AppDateTimeRangePicker.vue      | 2 +-
 web/src/features/access-keys/AccessKeyDrawer.vue      | 8 +++++++-
 web/src/features/monitor/LogsAdvancedFilterDrawer.vue | 8 +++++---
 web/src/features/monitor/LogsFilterForm.vue           | 2 +-
 web/src/features/monitor/UsageFilterForm.vue          | 8 +++++---
 web/src/features/monitor/log-filters.ts               | 2 +-
 6 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/web/src/components/ui/AppDateTimeRangePicker.vue b/web/src/components/ui/AppDateTimeRangePicker.vue
index 55703a03..4f344c38 100644
--- a/web/src/components/ui/AppDateTimeRangePicker.vue
+++ b/web/src/components/ui/AppDateTimeRangePicker.vue
@@ -67,7 +67,7 @@ function localInputValue(milliseconds: number): string {
 function selectShortcut(milliseconds: number): void {
   const now = Math.floor(Date.now() / 1000) * 1000
   emit('update:from', localInputValue(Math.max(0, now - milliseconds)))
-  emit('update:to', localInputValue(now))
+  emit('update:to', localInputValue(now + 24 * 60 * 60 * 1000))
 }
 </script>
 
diff --git a/web/src/features/access-keys/AccessKeyDrawer.vue b/web/src/features/access-keys/AccessKeyDrawer.vue
index 218b88e4..5dde7964 100644
--- a/web/src/features/access-keys/AccessKeyDrawer.vue
+++ b/web/src/features/access-keys/AccessKeyDrawer.vue
@@ -664,12 +664,18 @@ onBeforeUnmount(clearLocalState)
       <div v-if="editing && base" class="access-key-drawer__delete">
         <AccessKeyDeleteDialog :access-key="base" :total="total" @deleted="handleDeleted" />
       </div>
-      <AppButton variant="secondary" :disabled="closeBlocked" @click="setOpen(false)">
+      <AppButton
+        variant="secondary"
+        size="compact"
+        :disabled="closeBlocked"
+        @click="setOpen(false)"
+      >
         {{ t('common.cancel') }}
       </AppButton>
       <AppButton
         type="submit"
         form="access-key-drawer-form"
+        size="compact"
         :busy="pending"
         :disabled="!editReconciliation && !createOperationActive && (!valid || !dirty)"
       >
diff --git a/web/src/features/monitor/LogsAdvancedFilterDrawer.vue b/web/src/features/monitor/LogsAdvancedFilterDrawer.vue
index 828faa58..b46b1562 100644
--- a/web/src/features/monitor/LogsAdvancedFilterDrawer.vue
+++ b/web/src/features/monitor/LogsAdvancedFilterDrawer.vue
@@ -411,14 +411,16 @@ function update(field: keyof LogFilterDraft, value: string): void {
     </form>
 
     <template #footer>
-      <AppButton variant="ghost" @click="emit('reset')">{{
+      <AppButton variant="secondary" size="compact" @click="emit('reset')">{{
         t('monitor.logs.filters.reset')
       }}</AppButton>
       <span class="logs-advanced__footer-actions">
-        <AppButton variant="secondary" @click="emit('update:open', false)">{{
+        <AppButton variant="secondary" size="compact" @click="emit('update:open', false)">{{
           t('common.cancel')
         }}</AppButton>
-        <AppButton @click="emit('apply')">{{ t('monitor.logs.filters.apply') }}</AppButton>
+        <AppButton size="compact" @click="emit('apply')">{{
+          t('monitor.logs.filters.apply')
+        }}</AppButton>
       </span>
     </template>
   </AppDrawer>
diff --git a/web/src/features/monitor/LogsFilterForm.vue b/web/src/features/monitor/LogsFilterForm.vue
index e2337b59..616637aa 100644
--- a/web/src/features/monitor/LogsFilterForm.vue
+++ b/web/src/features/monitor/LogsFilterForm.vue
@@ -146,7 +146,7 @@ async function applyAdvanced(): Promise<void> {
         <span v-if="advancedCount" class="logs-filter__count">{{ advancedCount }}</span>
       </AppButton>
       <AppButton type="submit" size="compact">{{ t('monitor.logs.filters.apply') }}</AppButton>
-      <AppButton variant="ghost" size="compact" @click="reset">
+      <AppButton variant="secondary" size="compact" @click="reset">
         {{ t('monitor.logs.filters.reset') }}
       </AppButton>
     </div>
diff --git a/web/src/features/monitor/UsageFilterForm.vue b/web/src/features/monitor/UsageFilterForm.vue
index 3ff9bb31..3bcd854f 100644
--- a/web/src/features/monitor/UsageFilterForm.vue
+++ b/web/src/features/monitor/UsageFilterForm.vue
@@ -114,14 +114,16 @@ function error(field: keyof UsageFilterErrors): string | undefined {
     </form>
 
     <template #footer>
-      <AppButton variant="ghost" @click="emit('reset')">
+      <AppButton variant="secondary" size="compact" @click="emit('reset')">
         {{ t('monitor.usage.filters.reset') }}
       </AppButton>
       <span class="usage-filter-drawer__actions">
-        <AppButton variant="secondary" @click="emit('update:open', false)">
+        <AppButton variant="secondary" size="compact" @click="emit('update:open', false)">
           {{ t('common.cancel') }}
         </AppButton>
-        <AppButton @click="emit('apply')">{{ t('monitor.usage.filters.apply') }}</AppButton>
+        <AppButton size="compact" @click="emit('apply')">{{
+          t('monitor.usage.filters.apply')
+        }}</AppButton>
       </span>
     </template>
   </AppDrawer>
diff --git a/web/src/features/monitor/log-filters.ts b/web/src/features/monitor/log-filters.ts
index 0cae2f29..cb8ee81b 100644
--- a/web/src/features/monitor/log-filters.ts
+++ b/web/src/features/monitor/log-filters.ts
@@ -78,7 +78,7 @@ function defaultRange(): Pick<RequestLogFilters, 'from_ms' | 'to_ms'> {
   const now = Math.floor(Date.now() / 1000) * 1000
   return {
     from_ms: Math.max(0, now - 60 * 60 * 1000),
-    to_ms: now,
+    to_ms: now + 24 * 60 * 60 * 1000,
   }
 }