fix: Style optimization

Author: dataeaseShu

frontend/src/assets/svg/logo_lark.svg

@@ -640,9 +640,6 @@ watch(
   padding: 16px;
   display: flex;
   flex-direction: column;
-  position: relative;
-  z-index: 10;
-
   border: 1px solid rgba(222, 224, 227, 1);
   border-radius: 12px;
 

frontend/src/views/chat/chat-block/ChartBlock.vue

@@ -1195,6 +1195,8 @@ onMounted(() => {
     align-items: center;
     padding-left: 56px;
     padding-right: 56px;
+    position: relative;
+    z-index: 10;
 
     &.no-sidebar {
       padding-left: 96px;

frontend/src/views/chat/index.vue

@@ -183,11 +183,14 @@ init(true)
     .authentication-card {
       width: calc(25% - 12px);
       min-width: 230px;
-      height: 116px;
-      padding: 24px;
+      height: 100px;
+      padding: 16px;
       border-radius: 12px;
       background-color: #fff;
       border: 1px solid #dee0e3;
+      &:hover {
+        box-shadow: 0px 6px 24px 0px #1f232914;
+      }
       .inner-card {
         position: relative;
         .inner-card-info {
@@ -196,6 +199,8 @@ init(true)
           align-items: center;
           .card-info-left {
             width: calc(100% - 40px);
+            display: flex;
+            align-items: center;
             .card-span {
               font-family: var(--de-custom_font, 'PingFang');
               font-size: 16px;
@@ -212,12 +217,12 @@ init(true)
             }
             .card-status {
               margin-left: 8px;
-              padding: 1px 6px;
-              border-radius: 2px;
+              padding: 0 4px;
+              border-radius: 4px;
               background-color: #f54a4533;
               color: #d03f3b;
-              line-height: 22px;
-              font-size: 14px;
+              line-height: 20px;
+              font-size: 12px;
               font-weight: 400;
             }
           }

frontend/src/views/system/authentication/index.vue

@@ -3,8 +3,8 @@
     <div class="platform-setting-head">
       <div class="platform-setting-head-left">
         <div class="lead-left-icon">
-          <el-icon>
-            <Icon name="logo_wechat-work"><component :is="state.cardIcon" class="svg-icon" /></Icon>
+          <el-icon style="margin-right: 8px" size="24px">
+            <component :is="state.cardIcon" class="svg-icon" />
           </el-icon>
           <span>{{ cardTitle }}</span>
         </div>
@@ -182,34 +182,29 @@ const validateHandler = () => {
 
   .platform-setting-head-left {
     display: flex;
+    align-items: center;
     .lead-left-icon {
       display: flex;
       line-height: 24px;
       align-items: center;
-      i {
-        width: 24px;
-        height: 24px;
-        font-size: 20px;
-      }
+
       span {
-        margin-left: 4px;
-        font-family: var(--de-custom_font, 'PingFang');
         font-size: 16px;
         font-style: normal;
         font-weight: 500;
         line-height: 24px;
       }
     }
     .lead-left-status {
-      margin-left: 4px;
-      height: 24px;
+      margin-left: 8px;
+      height: 20px;
       background: #34c72433;
-      padding: 0 6px;
-      font-size: 14px;
+      padding: 0 4px;
+      font-size: 12px;
       border-radius: 2px;
       overflow: hidden;
       span {
-        line-height: 24px;
+        line-height: 20px;
         color: #2ca91f;
       }
     }

frontend/src/views/system/platform/PlatformInfo.vue

@@ -59,9 +59,8 @@ onMounted(() => {
   flex-direction: column;
 }
 .container-sys-platform {
-  padding: 24px;
+  padding: 16px;
   overflow: hidden;
-  //border-radius: 4px;
   background: var(--ContentBG, #ffffff);
 
   border-radius: 12px;