From 47d2ed655ccdda0953f1f0deb6bf7adaff51f3b6 Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Wed, 24 Jan 2024 17:43:12 +0800
Subject: [PATCH] feat:

---
 .../ai-chat/ParagraphSourceDialog.vue         |  2 +-
 ui/src/layout/components/breadcrumb/index.vue | 19 +++++++++++++------
 ui/src/styles/app.scss                        |  3 +++
 ui/src/styles/element-plus.scss               |  9 +++++++++
 ui/src/views/application/CreateAndSetting.vue |  8 +++++---
 5 files changed, 31 insertions(+), 10 deletions(-)

diff --git a/ui/src/components/ai-chat/ParagraphSourceDialog.vue b/ui/src/components/ai-chat/ParagraphSourceDialog.vue
index 20c5dd42f..adc99a2a6 100644
--- a/ui/src/components/ai-chat/ParagraphSourceDialog.vue
+++ b/ui/src/components/ai-chat/ParagraphSourceDialog.vue
@@ -18,7 +18,7 @@
           <el-form-item label="引用分段">
             <template v-for="(item, index) in detail.paragraph_list" :key="index">
               <CardBox
-                shadow="none"
+                shadow="never"
                 :title="item.title || '-'"
                 class="paragraph-source-card cursor mb-8"
                 :class="item.is_active ? '' : 'disabled'"
diff --git a/ui/src/layout/components/breadcrumb/index.vue b/ui/src/layout/components/breadcrumb/index.vue
index 315702243..9df0d892f 100644
--- a/ui/src/layout/components/breadcrumb/index.vue
+++ b/ui/src/layout/components/breadcrumb/index.vue
@@ -69,14 +69,21 @@
         </el-dropdown-menu>
         <div class="border-t" style="padding: 8px 11px; min-width: 200px">
           <template v-if="isApplication">
-            <el-button link @click="router.push({ path: '/application/create' })">
-              <el-icon class="mr-4"><Plus /></el-icon> 创建应用
-            </el-button>
+            <div
+              class="w-full text-left cursor"
+              @click="router.push({ path: '/application/create' })"
+            >
+              <el-button link>
+                <el-icon class="mr-4"><Plus /></el-icon> 创建应用
+              </el-button>
+            </div>
           </template>
           <template v-else-if="isDataset">
-            <el-button link @click="router.push({ path: '/dataset/create' })">
-              <el-icon class="mr-4"><Plus /></el-icon> 创建知识库
-            </el-button>
+            <div class="w-full text-left cursor" @click="router.push({ path: '/dataset/create' })">
+              <el-button link>
+                <el-icon class="mr-4"><Plus /></el-icon> 创建知识库
+              </el-button>
+            </div>
           </template>
         </div>
       </template>
diff --git a/ui/src/styles/app.scss b/ui/src/styles/app.scss
index 2f9d89511..c910081ea 100644
--- a/ui/src/styles/app.scss
+++ b/ui/src/styles/app.scss
@@ -200,6 +200,9 @@ h4 {
   align-items: center;
 }
 
+.text-left {
+  text-align: left;
+}
 .text-center {
   text-align: center;
 }
diff --git a/ui/src/styles/element-plus.scss b/ui/src/styles/element-plus.scss
index f36045ef8..d9e32c5f3 100644
--- a/ui/src/styles/element-plus.scss
+++ b/ui/src/styles/element-plus.scss
@@ -16,6 +16,11 @@
       background: var(--app-text-color-light-1);
     }
   }
+  &:focus {
+    color: var(--el-button-text-color);
+    background-color: var(--el-button-bg-color);
+    border-color: var(--el-button-border-color);
+  }
 }
 .el-avatar {
   --el-avatar-bg-color: var(--el-color-primary);
@@ -55,6 +60,10 @@
   .el-message-box__header {
     padding: 0;
   }
+  .el-message-box__title {
+    word-break: break-all;
+    width: 95%;
+  }
 }
 
 .el-message-box__content {
diff --git a/ui/src/views/application/CreateAndSetting.vue b/ui/src/views/application/CreateAndSetting.vue
index 7e693ff22..087a86e94 100644
--- a/ui/src/views/application/CreateAndSetting.vue
+++ b/ui/src/views/application/CreateAndSetting.vue
@@ -82,9 +82,11 @@
                     </el-option>
                   </el-option-group>
                   <template #footer>
-                    <el-button type="primary" link @click="openCreateModel">
-                      <el-icon class="mr-4"><Plus /></el-icon> 添加模型
-                    </el-button>
+                    <div class="w-full text-left cursor" @click="openCreateModel()">
+                      <el-button type="primary" link>
+                        <el-icon class="mr-4"><Plus /></el-icon> 添加模型
+                      </el-button>
+                    </div>
                   </template>
                 </el-select>
               </el-form-item>