Merge branch 'main' of github.com:maxkb-dev/maxkb

ui/src/components/ai-chat/ParagraphSourceDialog.vue

@@ -6,7 +6,8 @@
     destroy-on-close
     append-to-body
   >
-    <el-scrollbar height="450">
+    <div class="paragraph-source-height">
+      <el-scrollbar>
         <div class="p-16">
           <el-form label-position="top">
             <el-form-item label="用户问题">
@@ -56,6 +57,7 @@
           </el-form>
         </div>
       </el-scrollbar>
+    </div>
   </el-dialog>
 </template>
 <script setup lang="ts">
@@ -88,6 +90,9 @@ defineExpose({ open })
   .el-dialog__body {
     padding: 8px !important;
   }
+  .paragraph-source-height {
+    height: calc(100vh - 260px);
+  }
 }
 .paragraph-source-card {
   height: 210px;

ui/src/layout/components/breadcrumb/index.vue

@@ -67,7 +67,7 @@
             </div>
           </template>
         </el-dropdown-menu>
-        <div class="border-t" style="padding: 8px 11px; min-width: 200px">
+        <div class="breadcrumb__footer border-t" style="padding: 8px 11px; min-width: 200px">
           <template v-if="isApplication">
             <div
               class="w-full text-left cursor"
@@ -195,5 +195,10 @@ onMounted(() => {
       color: var(--el-menu-active-color);
     }
   }
+  &__footer {
+    &:hover {
+      background-color: var(--app-text-color-light-1);
+    }
+  }
 }
 </style>

ui/src/styles/app.scss

@@ -498,3 +498,12 @@ h4 {
     border: 1px solid var(--el-color-primary);
   }
 }
+
+// AI模型选择：添加模型hover样式
+.select-model {
+  .el-select-dropdown__footer {
+    &:hover {
+      background-color: var(--el-fill-color-light);
+    }
+  }
+}

ui/src/views/application/CreateAndSetting.vue

@@ -56,6 +56,7 @@
                   v-model="applicationForm.model_id"
                   placeholder="请选择 AI 模型"
                   style="width: 100%"
+                  popper-class="select-model"
                 >
                   <el-option-group
                     v-for="(value, label) in modelOptions"
@@ -163,7 +164,7 @@
                               :max="10000"
                               style="width: 200px"
                               size="small"
-                              class="customer-slider"
+                              class="custom-slider"
                             />
                             <span class="ml-4">个字符</span>
                           </div>
@@ -560,9 +561,11 @@ onMounted(() => {
     background: var(--app-layout-bg-color);
   }
 }
-.customer-slider {
+.custom-slider {
   :deep(.el-input-number.is-without-controls .el-input__wrapper) {
     padding: 0 !important;
   }
 }
+
+
 </style>