优化搜索站点对话框

src/components/dialog/SearchSiteDialog.vue

@@ -58,23 +58,16 @@ const filteredSites = computed(() => {
   <!-- Site Selection Dialog -->
   <VDialog max-width="40rem" fullscreen-mobile>
     <VCard class="site-dialog">
-      <VCardTitle class="d-flex align-center pa-4">
+      <VCardItem>
-        <span class="text-h6 font-weight-medium">{{ t('dialog.searchSite.selectSites') }}</span>
+        <template #prepend>
-        <VSpacer />
+          <VIcon icon="mdi-web-check" />
-        <VTextField
+        </template>
-          v-model="siteFilter"
+        <VCardTitle>
-          :placeholder="t('dialog.searchSite.siteSearch')"
+          {{ t('dialog.searchSite.selectSites') }}
-          density="compact"
+        </VCardTitle>
-          variant="outlined"
+      </VCardItem>
-          hide-details
+      <VDialogCloseBtn @click="emit('close')" />
-          class="ml-4"
+      <VDivider />
-          style="max-inline-size: 200px"
-          prepend-inner-icon="mdi-magnify"
-          clearable
-        />
-      </VCardTitle>
-      <VDivider class="search-divider" />
-
       <VCardText style="max-block-size: 420px" class="overflow-y-auto px-4 py-4">
         <!-- 站点列表 -->
         <div v-if="filteredSites.length > 0">
@@ -164,9 +157,6 @@ const filteredSites = computed(() => {
       </VCardText>
 
       <VCardActions class="pt-3">
-        <VBtn color="secondary" @click="emit('close')" class="mr-2 d-flex align-center justify-center">
-          {{ t('dialog.searchSite.cancel') }}
-        </VBtn>
         <VSpacer />
         <VBtn
           color="primary"