fix(ProCard): change border radius and more icon

yuntijs · Jul 11, 2024 · 6ab5a23 · 6ab5a23
1 parent 6b61257
commit 6ab5a23
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/src/ProCard/Card/style.ts b/src/ProCard/Card/style.ts
@@ -13,7 +13,7 @@ export const useStyles = createStyles(({ css, token, prefixCls }) => {
       color: ${token.colorText};
 
       background: ${token.colorBgContainer};
-      border-radius: ${token.borderRadiusLG}px;
+      border-radius: ${token.borderRadius * 2}px;
       box-shadow: ${token.boxShadowTertiary};
     `,
     bordered: css`

diff --git a/src/ProCard/Header/index.tsx b/src/ProCard/Header/index.tsx
@@ -1,6 +1,7 @@
-import { MoreOutlined } from '@ant-design/icons';
+import { Icon } from '@lobehub/ui';
 import { Avatar, Button, Dropdown, Flex } from 'antd';
 import type { AvatarProps, DropDownProps } from 'antd';
+import { EllipsisVertical } from 'lucide-react';
 import React from 'react';
 
 import Typography from '@/Typography';
@@ -52,7 +53,9 @@ export const ProCardHeader: React.FC<ProCardHeaderProps> = props => {
               onClick={e => e.stopPropagation()}
             >
               <Dropdown {...otherExtraProps}>
-                {extraChildren || <Button icon={<MoreOutlined />} size="small" type="text" />}
+                {extraChildren || (
+                  <Button icon={<Icon icon={EllipsisVertical} />} size="small" type="text" />
+                )}
               </Dropdown>
             </Flex>
           )}