V3.2

km-console/packages/layout-clusters-fe/src/pages/MutliClusterPage/index.less

@@ -466,6 +466,7 @@
               max-width: 180px;
               overflow: hidden;
               text-overflow: ellipsis;
+              white-space: nowrap;
               font-family: @font-family-bold;
               font-size: 18px;
               color: #495057;
@@ -633,6 +634,12 @@
     }
   }
 }
+.drawer-access-cluster {
+  .dcloud-drawer-title {
+    height: 27px;
+    line-height: 27px;
+  }
+}
 
 .drawer-content {
   .dcloud-form-item-extra {
@@ -674,6 +681,41 @@
       }
     }
   }
+  .cluster-connect-custom-collapse {
+    background-color: transparent;
+    .cluster-connect-custom-panel,
+    .cluster-connect-custom-panel:last-child {
+      margin-bottom: 8px;
+      overflow: hidden;
+      background: #f8f9fa;
+      border: 0px;
+      border-radius: 8px;
+      .dcloud-collapse-header {
+        padding: 8px 12px;
+        font-size: 14px;
+        color: #495057;
+        .dcloud-collapse-extra {
+          opacity: 0;
+          transition: opacity 0.2s ease;
+        }
+      }
+      &:hover .dcloud-collapse-extra {
+        opacity: 1;
+      }
+      &:not(.dcloud-collapse-item-active) {
+        .dcloud-collapse-header:hover {
+          background: #f1f3ff;
+        }
+      }
+      .dcloud-collapse-content-box {
+        padding: 12px;
+      }
+    }
+    .dcloud-collapse-header .dcloud-collapse-arrow {
+      margin-right: 8px !important;
+      font-size: 16px;
+    }
+  }
 }
 
 .empty-page {