Feat: components size is large

frontend/src/App.vue

@@ -42,7 +42,7 @@ if (isDarkUI) {
 import { Button, Select, Input, Table } from "ant-design-vue";
 
 [Button, Select, Input, Table].forEach((element) => {
-  element.props.size.default = "middle";
+  element.props.size.default = "large";
 });
 
 const { execute: reqUserInfo } = userInfoApi();

frontend/src/components/CardOperator.vue

@@ -69,6 +69,7 @@ let btns = arrayFilter([
       <a-button
         :style="item.style"
         type="text"
+        size="default"
         :icon="h(item.icon)"
         @click="() => item.click(card.id)"
       />
@@ -109,7 +110,7 @@ let btns = arrayFilter([
 
 .number-card {
   position: absolute;
-  right: 40px;
+  right: 16px;
   top: 0px;
   z-index: 10;
   > div {
@@ -127,7 +128,7 @@ let btns = arrayFilter([
   @extend .base;
   width: 32px;
   position: absolute;
-  right: 0px;
+  left: -6px;
   top: 0px;
 
   i {

frontend/src/views/LayoutContainer.vue

@@ -157,12 +157,12 @@ const {
 @keyframes scaleAnimation {
   0% {
     opacity: 0;
-    transform: scale(0.96);
+    // transform: scale(0.96);
   }
 
   100% {
     opacity: 1;
-    transform: scale(1);
+    // transform: scale(1);
   }
 }
 </style>

frontend/src/widgets/InstanceList.vue

@@ -34,7 +34,7 @@ const toAppDetailPage = (daemonId: string, instanceId: string) => {
       <a-col :span="24">
         <BetweenMenus>
           <template #left>
-            <a-typography-title class="mb-0" :level="5">
+            <a-typography-title class="mb-0" :level="4">
               {{ card.title }}
             </a-typography-title>
           </template>

frontend/src/widgets/NodeList.vue

@@ -23,7 +23,7 @@ const arr = [1, 2, 3, 4, 5, 6, 7, 8, 1, 1, 1, 1, 1, 1, 11, 1, 1, 1, 1, 1, 1, 1,
       <a-col :span="24">
         <BetweenMenus>
           <template #left>
-            <a-typography-title class="mb-0" :level="5">
+            <a-typography-title class="mb-0" :level="4">
               {{ card.title }}
             </a-typography-title>
           </template>

frontend/src/widgets/UserList.vue

@@ -121,7 +121,7 @@ const rowSelection = () => {};
       <a-col :span="24">
         <BetweenMenus>
           <template #left>
-            <a-typography-title class="mb-0" :level="5">
+            <a-typography-title class="mb-0" :level="4">
               {{ card.title }}
             </a-typography-title>
           </template>

frontend/src/widgets/instance/FileManager.vue

@@ -140,7 +140,7 @@ breadcrumbs.push({
       <a-col :span="24">
         <BetweenMenus>
           <template #left>
-            <a-typography-title class="mb-0" :level="5">
+            <a-typography-title class="mb-0" :level="4">
               {{ card.title }}
             </a-typography-title>
           </template>

frontend/src/widgets/instance/Terminal.vue

@@ -65,7 +65,13 @@ const instanceOperations = arrayFilter([
   <CardPanel class="containerWrapper" style="height: 100%">
     <template #title>{{ card.title }}</template>
     <template #operator>
-      <a-button v-for="item in quickOperations" :key="item.title" class="mr-8" v-bind="item.props">
+      <a-button
+        v-for="item in quickOperations"
+        :key="item.title"
+        size="default"
+        class="mr-8"
+        v-bind="item.props"
+      >
         {{ item.title }}
       </a-button>
       <a-dropdown>
@@ -77,7 +83,7 @@ const instanceOperations = arrayFilter([
             </a-menu-item>
           </a-menu>
         </template>
-        <a-button type="primary">
+        <a-button size="default" type="primary">
           操作
           <DownOutlined />
         </a-button>

frontend/src/widgets/user/AccessSettings.vue

@@ -85,7 +85,7 @@ const columns = computed(() => {
       <a-col :span="24">
         <BetweenMenus>
           <template #left>
-            <a-typography-title class="mb-0" :level="5">
+            <a-typography-title class="mb-0" :level="4">
               {{ t("应用访问权限") }}
             </a-typography-title>
           </template>