Update VoiceConfigDialog

- 更新VoiceConfigDialog语言列表高度 - 增加右上角关闭按钮
cgisky1980 · May 28, 2023 · 5e8ea04 · 5e8ea04
1 parent 19aef77
commit 5e8ea04
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-app id="app" :theme="customizeTheme.darkTheme ? 'dark' : 'light'">
+  <v-app :theme="customizeTheme.darkTheme ? 'dark' : 'light'">
     <component :is="currentLayout" v-if="isRouterLoaded">
       <router-view> </router-view>
     </component>

diff --git a/src/components/ai/VoiceConfigDialog.vue b/src/components/ai/VoiceConfigDialog.vue
@@ -55,6 +55,15 @@ onMounted(() => {
 
   <v-dialog v-model="speechStore.voiceConfigDialog" width="500">
     <v-card>
+      <v-card-title>
+        <v-spacer></v-spacer>
+        <v-btn
+          variant="flat"
+          icon
+          @click="speechStore.voiceConfigDialog = false"
+          ><v-icon>mdi-close</v-icon></v-btn
+        >
+      </v-card-title>
       <v-container>
         <v-row>
           <v-col cols="12">
@@ -197,6 +206,6 @@ onMounted(() => {
 
 <style scoped lang="scss">
 .scroller {
-  height: 400px;
+  height: 300px;
 }
 </style>