fix: 样式修复

DeepSkyJees · Apr 28, 2024 · a5d58b7 · a5d58b7
1 parent e543acd
commit a5d58b7
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/ui/src/components/ai-chat/ParagraphSourceDialog.vue b/ui/src/components/ai-chat/ParagraphSourceDialog.vue
@@ -5,6 +5,7 @@
     v-model="dialogVisible"
     destroy-on-close
     append-to-body
+    align-center
   >
     <div class="paragraph-source-height">
       <el-scrollbar>
@@ -63,7 +64,7 @@
   </el-dialog>
 </template>
 <script setup lang="ts">
-import { ref, watch, nextTick } from 'vue'
+import { ref, watch, onBeforeUnmount } from 'vue'
 import { cloneDeep } from 'lodash'
 import { arraySort } from '@/utils/utils'
 const emit = defineEmits(['refresh'])
@@ -86,12 +87,15 @@ const open = (data: any, id?: string) => {
   detail.value.paragraph_list = arraySort(detail.value.paragraph_list, 'similarity', true)
   dialogVisible.value = true
 }
-
+onBeforeUnmount(() => {
+  dialogVisible.value = false
+})
 defineExpose({ open })
 </script>
 <style lang="scss">
 .paragraph-source {
   padding: 0;
+
   .el-dialog__header {
     padding: 24px 24px 0 24px;
   }
@@ -102,4 +106,9 @@ defineExpose({ open })
     height: calc(100vh - 260px);
   }
 }
+@media only screen and (max-width: 768px) {
+  .paragraph-source {
+    width: 90% !important;
+  }
+}
 </style>
diff --git a/ui/src/views/application/components/ParamSettingDialog.vue b/ui/src/views/application/components/ParamSettingDialog.vue
@@ -251,7 +251,7 @@ defineExpose({ open })
     padding: 0 !important;
   }
   .dialog-max-height {
-    height: calc(100vh - 180px);
+    height: 550px;
   }
   .custom-slider {
     .el-input-number.is-without-controls .el-input__wrapper {