From 6638ae2e9f24c899b3830dc80ce7d24c875210e4 Mon Sep 17 00:00:00 2001
From: rzzf <cszhjh@gmail.com>
Date: Thu, 5 Feb 2026 13:12:44 +0800
Subject: [PATCH 1/2] style: improve background color for overflowed in Select

---
 app/components/Package/DownloadAnalytics.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Package/DownloadAnalytics.vue b/app/components/Package/DownloadAnalytics.vue
index 8c933a008..854be8726 100644
--- a/app/components/Package/DownloadAnalytics.vue
+++ b/app/components/Package/DownloadAnalytics.vue
@@ -957,7 +957,7 @@ const chartConfig = computed(() => {
               id="granularity"
               v-model="selectedGranularity"
               :disabled="pending"
-              class="w-full px-2.5 py-1.75 bg-bg-subtle font-mono text-sm text-fg outline-none appearance-none focus-visible:outline-accent/70"
+              class="w-full px-2.5 py-1.75 font-mono text-sm text-fg outline-none appearance-none focus-visible:outline-accent/70"
             >
               <option value="daily">{{ $t('package.downloads.granularity_daily') }}</option>
               <option value="weekly">{{ $t('package.downloads.granularity_weekly') }}</option>

From c9398ebbf4929ad53f8fc8f4b2c68a620ef58ab5 Mon Sep 17 00:00:00 2001
From: rzzf <cszhjh@gmail.com>
Date: Thu, 5 Feb 2026 15:54:01 +0800
Subject: [PATCH 2/2] style: using overflow-hidden

---
 app/components/Package/DownloadAnalytics.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/components/Package/DownloadAnalytics.vue b/app/components/Package/DownloadAnalytics.vue
index 854be8726..07bfaa222 100644
--- a/app/components/Package/DownloadAnalytics.vue
+++ b/app/components/Package/DownloadAnalytics.vue
@@ -952,12 +952,14 @@ const chartConfig = computed(() => {
             {{ $t('package.downloads.granularity') }}
           </label>
 
-          <div class="flex items-center bg-bg-subtle border border-border rounded-md">
+          <div
+            class="flex items-center bg-bg-subtle border border-border rounded-md overflow-hidden"
+          >
             <select
               id="granularity"
               v-model="selectedGranularity"
               :disabled="pending"
-              class="w-full px-2.5 py-1.75 font-mono text-sm text-fg outline-none appearance-none focus-visible:outline-accent/70"
+              class="w-full px-2.5 py-1.75 bg-bg-subtle font-mono text-sm text-fg outline-none appearance-none focus-visible:outline-accent/70"
             >
               <option value="daily">{{ $t('package.downloads.granularity_daily') }}</option>
               <option value="weekly">{{ $t('package.downloads.granularity_weekly') }}</option>