feat: add icon button

This commit is contained in:
EleanorMao
2023-04-22 23:08:55 +08:00
parent 5ae1d9c5b2
commit 6d3633e2e8
5 changed files with 20 additions and 6 deletions

View File

@ -1,7 +1,9 @@
import React from 'react';
import { BreakpointProvider } from './components/Breakpoint'
import { ConfigProvider } from 'antd'
import { Steps } from './components/Steps'
import { Button } from './components/Button'
import Icon from '@ant-design/icons';
import { ReactComponent as CloseIcon } from './icons/close.svg'
const brandPrimary = '#FF5200';
const textPrimary = '#1E1D1F'
@ -89,7 +91,7 @@ function App() {
>
<BreakpointProvider>
<div>iHealth</div>
<Steps current={1} items={items} />
<Button icon={<Icon component={CloseIcon} />} />
</BreakpointProvider>
</ConfigProvider>
);

View File

@ -2,6 +2,13 @@
font-weight: 500 !important;
}
.ant-btn.ant-btn-icon-only {
width: 50px !important;
height: 50px !important;
font-size: 27px !important;
line-height: 50px !important;
}
.ant-btn-link, .ant-btn-text {
font-size: 12px;
line-height: 16px;
@ -29,9 +36,11 @@
font-size: 24px !important;
line-height: 1 !important;
}
.health-tooltip-highlighted.ant-tooltip .ant-tooltip-arrow:after {
box-shadow: 1px 1px 0 #FF5A0C;
}
.health-tooltip-highlighted.ant-tooltip .ant-tooltip-inner {
position: relative;
box-shadow: 1px 1px 0px 0 #FF5A0C, -1px -1px 0px 0 #FF5A0C, -1px 1px 0px 0 #FF5A0C, 1px -1px 0px 0 #FF5A0C;