[fix]: update config modal layout.

frontend/src/views/Welcome/index.vue

@@ -141,9 +141,9 @@ const echoCancel = ref<boolean>(settingsStore.$state.echoCancel ?? true);
 
 const radioStyle = reactive({
     display: 'flex',
-    height: '48px',
-    lineHeight: '48px',
-    fontSize: '18px',
+    height: '36px',
+    lineHeight: '36px',
+    fontSize: '15px',
 });
 
 const filteredRoles = computed(() => {
@@ -160,7 +160,7 @@ const fetchTTSRoles = async () => {
             // @ts-ignore
             roles.splice(0, data.length, ...data.models)
             console.log('Fetched TTS Roles:', roles);
-            
+
             if (data.current_model_id) {
                 role.value = data.current_model_id;
             }
@@ -178,7 +178,7 @@ const fetchASRLanguages = async () => {
             // @ts-ignore
             languages.splice(0, languages.length, ...data.languages);
             console.log('Fetched ASR Languages:', data.languages);
-            
+
             if (data.current_asr_language) {
                 language.value = data.current_asr_language;
             }
@@ -226,7 +226,7 @@ const toggleSider = () => {
             </a-button>
         </div>
 
-        <a-modal v-model:open="modelOpen" :title="null">
+        <a-modal v-model:open="modelOpen" :title="null" :mask-closable="false" centered>
             <template #footer>
                 <a-button key="back" @click="handleCancel">Cancel</a-button>
                 <a-button key="submit" type="primary" :loading="modalLoading" @click="handleSubmit">Submit</a-button>
@@ -267,11 +267,12 @@ const toggleSider = () => {
 
 .languages {
     margin-top: 40px;
-    margin-bottom: 48px;
+    margin-bottom: 8px;
 
     p {
-        font-size: 20px;
+        font-size: 16px;
         font-weight: 500;
+        margin-bottom: 8px;
     }
 }