diff --git a/web/src/components/ConfigDialog.vue b/web/src/components/ConfigDialog.vue
index f9662319..7530917f 100644
--- a/web/src/components/ConfigDialog.vue
+++ b/web/src/components/ConfigDialog.vue
@@ -2,7 +2,9 @@
   <el-dialog
       v-model="$props.show"
       :close-on-click-modal="false"
-      :show-close="false"
+      :show-close="true"
+      :before-close="close"
+      :top="top"
       title="聊天配置"
   >
     <div class="user-info">
@@ -142,6 +144,15 @@ export default defineComponent({
       wechatCard: "https://img.r9it.com/chatgpt/wechat-card.jpeg"
     }
   },
+  computed: {
+    top: function () {
+      if (window.innerHeight < 1000) {
+        return '1vh';
+      } else {
+        return '15vh';
+      }
+    }
+  },
   mounted() {
     // 获取用户信息
     const data = getLoginUser();