perf: Style optimization

Author: wangdan-fit2cloud

ui/src/components/app-icon/icons/tool.ts

@@ -0,0 +1,23 @@
+import { h } from 'vue'
+export default {
+  'app-tool-store': {
+    iconReader: () => {
+      return h('i', [
+        h(
+          'svg',
+          {
+            viewBox: '0 0 1024 1024',
+            version: '1.1',
+            xmlns: 'http://www.w3.org/2000/svg',
+          },
+          [
+            h('path', {
+              d: 'M836.992 85.333333l6.485333 0.512a42.666667 42.666667 0 0 1 33.28 26.794667l64.042667 165.76c26.965333 69.845333 5.034667 142.634667-44.117333 188.074667 0.085333 0.938667 0.170667 1.877333 0.170666 2.858666v426.666667a42.666667 42.666667 0 0 1-42.666666 42.666667h-682.666667a42.666667 42.666667 0 0 1-42.666667-42.666667V469.333333c0-0.938667 0.042667-1.877333 0.128-2.773333C79.786667 421.12 57.856 348.330667 84.821333 278.528L148.906667 112.64l2.773333-5.888A42.666667 42.666667 0 0 1 188.672 85.333333h648.32z m-185.301333 368.725334A170.24 170.24 0 0 1 523.648 512h-21.76a170.24 170.24 0 0 1-128.085333-57.941333 170.922667 170.922667 0 0 1-159.616 55.04V853.333333h597.333333v-344.192a171.050667 171.050667 0 0 1-159.829333-55.082666z',
+              fill: 'currentColor',
+            }),
+          ],
+        ),
+      ])
+    },
+  },
+}

ui/src/views/application-overview/xpack-component/XPackLimitDrawer.vue

@@ -49,37 +49,33 @@
             </p>
           </el-radio>
           <el-form-item class="ml-24" v-if="form.authentication_value.type === 'password'">
-            <el-input
-              class="authentication-append-input"
-              v-model="form.authentication_value.password_value"
-              readonly
-              style="width: 268px"
-            >
-              <template #append>
+            <div class="complex-search flex align-center">
+              <el-input
+                class="authentication-append-input"
+                v-model="form.authentication_value.password_value"
+                readonly
+                style="width: 268px"
+              >
+              </el-input>
+              <div>
                 <el-tooltip :content="$t('common.copy')" placement="top">
-                  <el-button
-                    type="primary"
-                    text
-                    @click="copyClick(form.authentication_value.password_value)"
-                    style="margin: 0 0 0 4px !important"
-                  >
-                    <AppIcon iconName="app-copy"></AppIcon>
+                  <el-button text @click="copyClick(form.authentication_value.password_value)">
+                    <AppIcon iconName="app-copy" class="color-secondary"></AppIcon>
                   </el-button>
                 </el-tooltip>
                 <el-tooltip :content="$t('common.refresh')" placement="top">
                   <el-button
                     @click="refreshAuthentication"
-                    type="primary"
                     text
                     style="margin: 0 4px 0 0 !important"
                   >
-                    <el-icon>
+                    <el-icon class="color-secondary">
                       <RefreshRight />
                     </el-icon>
                   </el-button>
                 </el-tooltip>
-              </template>
-            </el-input>
+              </div>
+            </div>
           </el-form-item>
         </el-card>
         <el-card
@@ -98,7 +94,12 @@
                 <AppIcon iconName="app-warning" class="app-warning-icon"></AppIcon>
               </el-tooltip>
 
-              <el-button v-if="form.authentication_value.type === 'login'" type="primary" link @click="router.push({ name: 'applicationChatUser' })">
+              <el-button
+                v-if="form.authentication_value.type === 'login'"
+                type="primary"
+                link
+                @click="router.push({ name: 'applicationChatUser' })"
+              >
                 {{ $t('views.applicationOverview.appInfo.LimitDialog.toSettingChatUser') }}
               </el-button>
             </p>
@@ -309,8 +310,5 @@ defineExpose({ open })
 </script>
 <style lang="scss" scoped>
 .authentication-append-input {
-  :deep(.el-input-group__append) {
-    padding: 0 !important;
-  }
 }
 </style>