优化对话框组件，添加图标以提升用户体验

src/components/dialog/SiteResourceDialog.vue

@@ -153,6 +153,7 @@ onMounted(() => {
               density="compact"
               :label="t('dialog.siteResource.searchKeyword')"
               clearable
+              prepend-inner-icon="mdi-magnify"
             />
           </VCol>
           <VCol cols="6" md="5">
@@ -165,10 +166,13 @@ onMounted(() => {
               :label="t('dialog.siteResource.resourceCategory')"
               multiple
               clearable
+              prepend-inner-icon="mdi-folder"
             />
           </VCol>
           <VCol cols="12" md="2" class="text-center">
-            <VBtn block prepend-icon="mdi-magnify" @click="getResourceList">{{ t('dialog.siteResource.search') }}</VBtn>
+            <VBtn variant="tonal" block prepend-icon="mdi-magnify" @click="getResourceList">
+              {{ t('dialog.siteResource.search') }}
+            </VBtn>
           </VCol>
         </VRow>
       </div>

src/components/dialog/UserAuthDialog.vue

@@ -138,8 +138,15 @@ onMounted(async () => {
 
 <template>
   <VDialog width="40rem" scrollable :fullscreen="!display.mdAndUp.value">
-    <VCard :title="t('dialog.userAuth.title')">
+    <VCard>
-      <VDialogCloseBtn @click="emit('close')" />
+      <VCardItem>
+        <VCardTitle>
+          <VIcon icon="mdi-user-check" class="me-2" />
+          {{ t('dialog.userAuth.title') }}
+        </VCardTitle>
+        <VDialogCloseBtn @click="emit('close')" />
+      </VCardItem>
+      <VDivider />
       <VCardText>
         <VRow>
           <VCol cols="12">
@@ -150,6 +157,7 @@ onMounted(async () => {
               item-title="name"
               :label="t('dialog.userAuth.selectSite')"
               item-props
+              prepend-inner-icon="mdi-web"
             >
             </VSelect>
           </VCol>