style: 修改前端样式

Author: wxg0103

ui/src/assets/display-bg1.png

@@ -172,7 +172,7 @@
         </template>
       </div>
     </el-scrollbar>
-    <div class="ai-chat__operate p-24" v-if="!log">
+    <div class="ai-chat__operate p-16-24" v-if="!log">
       <slot name="operateBefore" />
       <div class="operate-textarea flex chat-width">
         <el-input
@@ -221,12 +221,12 @@
           </el-button>
         </div>
       </div>
-      <div
-        class="chat-width"
-        v-if="data.disclaimer"
-        style="align-items: center; text-align: center; margin-top: 10px"
-      >
-        {{ data.disclaimer_value }}
+      <div class="chat-width text-center" v-if="data.disclaimer" style="margin-top: 8px">
+        <el-text type="info" v-if="data.disclaimer" style="font-size: 12px">
+          <auto-tooltip :content="data.disclaimer_value">
+            {{ data.disclaimer_value }}
+          </auto-tooltip>
+        </el-text>
       </div>
     </div>
   </div>

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

@@ -43,28 +43,26 @@
       >
         <el-input v-model="form.authentication_value" readonly style="width: 268px" disabled>
           <template #append>
-            <div class="button-container">
-              <el-tooltip content="复制" placement="top">
-                <el-button
-                  type="primary"
-                  text
-                  @click="copyClick(form.authentication_value)"
-                  style="width: 24px; height: 24px"
-                >
-                  <AppIcon iconName="app-copy"></AppIcon>
-                </el-button>
-              </el-tooltip>
-              <el-tooltip content="刷新" placement="top">
-                <el-button
-                  @click="refreshAuthentication"
-                  type="primary"
-                  text
-                  style="width: 24px; height: 24px; margin-left: 20px"
-                >
-                  <el-icon><RefreshRight /></el-icon>
-                </el-button>
-              </el-tooltip>
-            </div>
+            <el-tooltip content="复制" placement="top">
+              <el-button
+                type="primary"
+                text
+                @click="copyClick(form.authentication_value)"
+                style="margin: 0 4px !important"
+              >
+                <AppIcon iconName="app-copy"></AppIcon>
+              </el-button>
+            </el-tooltip>
+            <el-tooltip content="刷新" placement="top">
+              <el-button
+                @click="refreshAuthentication"
+                type="primary"
+                text
+                style="margin: 0 4px 0 0 !important"
+              >
+                <el-icon><RefreshRight /></el-icon>
+              </el-button>
+            </el-tooltip>
           </template>
         </el-input>
       </el-form-item>

ui/src/views/application-overview/component/LimitDialog.vue

@@ -111,15 +111,21 @@
                   <img src="@/assets/display-bg3.png" alt="" width="270" class="ml-8" />
                 </div>
               </div>
-              <div style="position: absolute; bottom: 0">
+              <div
+                style="position: absolute; bottom: 0; padding-bottom: 8px; box-sizing: border-box"
+                class="p-16 text-center w-full"
+              >
                 <img src="@/assets/display-bg1.png" alt="" class="w-full" />
-                <div
-                  class="chat-width"
+                <el-text
+                  type="info"
                   v-if="xpackForm.disclaimer"
-                  style="align-items: center; text-align: center"
+                  class="mt-8"
+                  style="font-size: 12px"
                 >
-                  {{ xpackForm.disclaimer_value }}
-                </div>
+                  <auto-tooltip :content="xpackForm.disclaimer_value">
+                    {{ xpackForm.disclaimer_value }}
+                  </auto-tooltip>
+                </el-text>
               </div>
             </div>
           </div>