💄 style: Fix Collapse style

bentwnghk · Jun 21, 2024 · c5299c6 · c5299c6
1 parent c8c3364
commit c5299c6
Showing 1 changed file with 22 additions and 7 deletions.
diff --git a/src/Collapse/style.ts b/src/Collapse/style.ts
@@ -31,17 +31,24 @@ export const useStyles = createStyles(
     `;
 
     const blockStyle = cx(
+      css`
+        background: transparent !important;
+        .${prefixCls}-collapse-item {
+          background: ${token.colorFillQuaternary} !important;
+        }
+
+        .${prefixCls}-collapse-header {
+          background: ${token.colorFillTertiary} !important;
+        }
+      `,
       isSplit
         ? css`
-            background: transparent;
             .${prefixCls}-collapse-item {
               overflow: hidden;
-              background: ${token.colorFillQuaternary};
               border-radius: ${token.borderRadiusLG}px !important;
             }
           `
         : css`
-            background: ${token.colorFillQuaternary};
             border-radius: ${token.borderRadiusLG}px;
           `,
     );
@@ -80,22 +87,30 @@ export const useStyles = createStyles(
     );
 
     const defaultStyle = cx(
+      css`
+        background: transparent !important;
+        .${prefixCls}-collapse-item {
+          background: transparent !important;
+        }
+
+        .${prefixCls}-collapse-header {
+          background: ${token.colorFillTertiary} !important;
+        }
+      `,
       isSplit
         ? css`
             background: transparent;
             .${prefixCls}-collapse-item {
               overflow: hidden;
-              background: ${token.colorFillQuaternary};
               border: 1px solid ${token.colorBorderSecondary} !important;
               border-radius: ${token.borderRadiusLG}px !important;
             }
           `
         : css`
-            background: ${token.colorFillQuaternary};
             border-radius: ${token.borderRadiusLG}px;
-            .${prefixCls}-collapse-item:not(:last-child) {
+            .${prefixCls}-collapse-item:not(:first-child) {
               .${prefixCls}-collapse-header {
-                border-block-end: 1px solid ${token.colorBorderSecondary};
+                border-block-start: 1px solid ${token.colorBorderSecondary};
               }
             }
           `,