From cab6d493586ae3ee321eca3652dc9beaa5d998ea Mon Sep 17 00:00:00 2001
From: Orion <orionc1226@gmail.com>
Date: Fri, 5 Jun 2026 13:30:47 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20=E8=B0=83=E6=95=B4=E6=97=A5?=
 =?UTF-8?q?=E6=9C=9F=E8=8C=83=E5=9B=B4=E9=97=B4=E8=B7=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/NativeDateSelect.vue | 10 +++++-----
 src/views/manage/DashboardView.vue         |  8 +++++++-
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/components/common/NativeDateSelect.vue b/src/components/common/NativeDateSelect.vue
index 7150cca..caa131f 100644
--- a/src/components/common/NativeDateSelect.vue
+++ b/src/components/common/NativeDateSelect.vue
@@ -102,7 +102,7 @@ const updatePart = (part: DatePart, value: string) => {
   min-height: 2.75rem;
   align-items: center;
   justify-content: center;
-  gap: 0.15rem;
+  gap: 0;
   border: 1px solid transparent;
   border-radius: 30px;
   background: rgba(237, 244, 245, 0.52);
@@ -150,12 +150,12 @@ const updatePart = (part: DatePart, value: string) => {
 }
 
 .native-date-year {
-  width: 4.4rem;
+  width: 4.05rem;
 }
 
 .native-date-month,
 .native-date-day {
-  width: 2.65rem;
+  width: 2.3rem;
 }
 
 .native-date-separator {
@@ -187,8 +187,8 @@ const updatePart = (part: DatePart, value: string) => {
 @media (min-width: 640px) {
   .native-date-strip {
     width: max-content;
-    min-width: 12rem;
-    padding-inline: 0.75rem;
+    min-width: 10.75rem;
+    padding-inline: 0.65rem;
   }
 }
 </style>
diff --git a/src/views/manage/DashboardView.vue b/src/views/manage/DashboardView.vue
index cf32b50..51ee599 100644
--- a/src/views/manage/DashboardView.vue
+++ b/src/views/manage/DashboardView.vue
@@ -247,13 +247,19 @@
             </p>
           </div>
           <div class="w-full max-w-full space-y-3 lg:w-auto">
-            <div class="grid gap-2 md:grid-cols-2">
+            <div class="flex flex-col gap-2 sm:flex-row sm:items-center">
               <NativeDateSelect
                 v-model="analyticsStart"
                 :field-class="fieldClass"
                 aria-label="开始日期"
                 @change="fetchAnalyticsData"
               />
+              <span
+                class="self-center text-sm font-semibold"
+                :class="[isDarkMode ? 'text-[#aabdc2]' : 'text-[#789096]']"
+              >
+                -
+              </span>
               <NativeDateSelect
                 v-model="analyticsEnd"
                 :field-class="fieldClass"