Merge pull request #209 from oceanbase/dengfuping-dev

improve(ui): PageContainer header style without breadcrumb
oceanbase · Oct 23, 2023 · 2bf11f1 · 2bf11f1
2 parents ff55abd + 1dd40f5
commit 2bf11f1
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/ui/src/PageContainer/style/index.ts b/packages/ui/src/PageContainer/style/index.ts
@@ -62,7 +62,7 @@ export const genPageContainerStyle: GenerateStyle<PageContainerToken> = (
         },
       },
       // 减小内容区左右两侧间距
-      [`${componentCls}-warp-page-header`]: {
+      [`${antCls}-page-header`]: {
         paddingInlineStart: paddingLG,
         paddingInlineEnd: paddingLG,
         paddingBlockStart: padding,
@@ -73,6 +73,12 @@ export const genPageContainerStyle: GenerateStyle<PageContainerToken> = (
         paddingBlockStart: 0,
         paddingBlockEnd: paddingLG,
       },
+      // remove paddingBlockStart for page header without breadcrumb
+      [`${antCls}-page-header:not(${antCls}-page-header-has-breadcrumb)`]: {
+        [`${antCls}-page-header-heading`]: {
+          paddingBlockStart: 0,
+        },
+      },
     },
     [`${componentCls}-no-page-header`]: {
       [`${componentCls}-children-container`]: {