fix(ProCard): change margin bottom for title

yuntijs · Jul 11, 2024 · 08440c1 · 08440c1
1 parent 8ea9b87
commit 08440c1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/ProCard/Header/index.tsx b/src/ProCard/Header/index.tsx
@@ -42,8 +42,8 @@ export const ProCardHeader: React.FC<ProCardHeaderProps> = props => {
           />
         </Flex>
       )}
-      <Flex className={styles.titleBox} flex="1" vertical>
-        <Flex gap={4}>
+      <Flex flex="1" vertical>
+        <Flex className={styles.titleBox} gap={4}>
           <div className={styles.title}>{title}</div>
           {extra && (
             <Flex

diff --git a/src/ProCard/Header/style.ts b/src/ProCard/Header/style.ts
@@ -30,21 +30,22 @@ export const useStyles = createStyles(
       `,
       titleBox: css`
         margin-right: 4px;
+        margin-bottom: ${token.marginXXS}px;
       `,
       title: css`
         overflow: hidden;
         display: inline-block;
         flex: 1;
 
         width: 100px;
-        margin-bottom: ${token.marginXS}px;
 
         font-size: 16px;
         font-weight: ${token.fontWeightStrong};
         text-overflow: ellipsis;
         white-space: nowrap;
       `,
       description: css`
+        margin-right: 4px;
         &.${prefixCls}-typography {
           margin-bottom: 0 !important;
           font-size: 12px;