From a627d63107a69a49a8b5e9efb7eed93e77989952 Mon Sep 17 00:00:00 2001
From: jxxghp <jxxghp@gmail.com>
Date: Mon, 3 Aug 2026 18:19:42 +0800
Subject: [PATCH] fix(dialog): align mobile site search actions

---
 src/components/dialog/SearchSiteDialog.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/dialog/SearchSiteDialog.vue b/src/components/dialog/SearchSiteDialog.vue
index 22bceabe..5a533b96 100644
--- a/src/components/dialog/SearchSiteDialog.vue
+++ b/src/components/dialog/SearchSiteDialog.vue
@@ -88,7 +88,7 @@ const filteredSites = computed(() => {
 </script>
 <template>
   <!-- Site Selection Dialog -->
-  <VDialog max-width="40rem" :fullscreen="!display.smAndUp.value">
+  <VDialog scrollable max-width="40rem" :fullscreen="!display.smAndUp.value">
     <VCard class="site-dialog">
       <VCardItem>
         <template #prepend>
@@ -100,7 +100,7 @@ const filteredSites = computed(() => {
       </VCardItem>
       <VDialogCloseBtn @click="emit('close')" />
       <VDivider />
-      <VCardText style="max-block-size: 420px" class="overflow-y-auto px-4 py-4">
+      <VCardText class="site-dialog__content overflow-y-auto px-4 py-4">
         <!-- 站点列表 -->
         <div v-if="filteredSites.length > 0">
           <!-- 选择操作 -->
@@ -205,6 +205,12 @@ const filteredSites = computed(() => {
     background-color 0.2s ease;
 }
 
+@media (min-width: 600px) {
+  .site-dialog__content {
+    max-block-size: 420px;
+  }
+}
+
 .site-checkbox-wrapper:hover {
   transform: translateY(-2px);
 }