perf: 部分线条样式优化(#105) (#139)

wangdan-fit2cloud · web-flow · commit a1681fef6237 · 2024-04-17T15:21:23.000+08:00
diff --git a/apps/application/template/embed.js b/apps/application/template/embed.js
@@ -247,7 +247,7 @@ function initMaxkbStyle(root){
     #maxkb #maxkb-chat-container{
         z-index:10000;position: relative;
               border-radius: 8px;
-              border: 1px solid var(--N300, #DEE0E3);
+              border: 1px solid #ffffff;
               background: linear-gradient(188deg, rgba(235, 241, 255, 0.20) 39.6%, rgba(231, 249, 255, 0.20) 94.3%), #EFF0F1;
               box-shadow: 0px 4px 8px 0px rgba(31, 35, 41, 0.10);
               position: fixed;bottom: 20px;right: 45px;overflow: hidden;
diff --git a/ui/index.html b/ui/index.html
@@ -9,6 +9,13 @@
   </head>
   <body>
     <div id="app"></div>
+
+<script 
+async
+defer
+src="http://localhost:3000/api/application/embed?protocol=http&host=localhost:3000&token=35d833ff707d494e">
+</script>
+
     <script type="module" src="/src/main.ts"></script>
   </body>
 </html>
diff --git a/ui/src/layout/components/top-bar/index.vue b/ui/src/layout/components/top-bar/index.vue
@@ -14,24 +14,24 @@
       <el-tooltip effect="dark" content="项目地址" placement="top">
         <AppIcon
           iconName="app-github"
-          class="cursor mr-16 ml-8"
-          style="font-size: 24px"
+          class="cursor color-secondary mr-8 ml-8"
+          style="font-size: 20px"
           @click="toUrl('https://github.com/1Panel-dev/MaxKB')"
         ></AppIcon>
       </el-tooltip>
       <el-tooltip effect="dark" content="用户手册" placement="top">
         <AppIcon
           iconName="app-reading"
-          class="cursor mr-16 ml-8"
-          style="font-size: 24px"
+          class="cursor color-secondary mr-8 ml-8"
+          style="font-size: 20px"
           @click="toUrl('https://github.com/1Panel-dev/MaxKB/wiki')"
         ></AppIcon>
       </el-tooltip>
       <el-tooltip effect="dark" content="论坛求助" placement="top">
         <AppIcon
           iconName="app-help"
-          class="cursor mr-16 ml-8"
-          style="font-size: 24px"
+          class="cursor color-secondary mr-16 ml-8"
+          style="font-size: 20px"
           @click="toUrl('https://bbs.fit2cloud.com/c/mk/11')"
         ></AppIcon>
       </el-tooltip>
diff --git a/ui/src/views/chat/index.vue b/ui/src/views/chat/index.vue
@@ -70,7 +70,7 @@ onMounted(() => {
     height: var(--app-header-height);
     line-height: var(--app-header-height);
     box-sizing: border-box;
-    border-bottom: 1px solid rgba(31, 35, 41, 0.15);
+    border-bottom: 1px solid var(--el-border-color);
   }
   &__main {
     padding-top: calc(var(--app-header-height) + 24px);

Original file line number	Diff line number	Diff line change
`@@ -70,7 +70,7 @@ onMounted(() => {`
`70`	`70`	`height: var(--app-header-height);`
`71`	`71`	`line-height: var(--app-header-height);`
`72`	`72`	`box-sizing: border-box;`
`73`		`- border-bottom: 1px solid rgba(31, 35, 41, 0.15);`
	`73`	`+ border-bottom: 1px solid var(--el-border-color);`
`74`	`74`	`}`
`75`	`75`	`&__main {`
`76`	`76`	`padding-top: calc(var(--app-header-height) + 24px);`