mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-27 20:49:53 +08:00
Code Issues Actions 39 Packages Projects Releases Wiki Activity

site: Semantic style optimization (#47462)

Browse Source
This commit is contained in:
lijianan 2024-02-18 12:34:28 +08:00 committed by GitHub
parent 0c18d37a7e
commit bb59275276
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
.dumi/components/SemanticPreview.tsx
View File

@ -9,7 +9,7 @@ const useStyle = createStyles(({ token }, markPos: [number, number, number, numb
container: css`
position: relative;
`,
col: css`
colWrap: css`
border-right: 1px solid ${token.colorBorderSecondary};
display: flex;
justify-content: center;
@ -18,17 +18,16 @@ const useStyle = createStyles(({ token }, markPos: [number, number, number, numb
overflow: hidden;
`,
listWrap: css`
row-gap: ${token.paddingXS}px;
display: flex;
flex-direction: column;
list-style: none;
margin: 0;
padding: 0;
flex-direction: column;
overflow: hidden;
`,
listItem: css`
cursor: pointer;
padding-block: ${token.paddingXS}px;
padding-inline: ${token.paddingSM}px;
padding: ${token.paddingSM}px;
transition: background-color ${token.motionDurationFast} ease;
&:hover {
background-color: ${token.controlItemBgHover};
@ -137,7 +136,7 @@ const SemanticPreview: React.FC<SemanticPreviewProps> = (props) => {
return (
<div className={classnames(styles.container)} ref={containerRef}>
<Row style={{ minHeight: height }}>
<Col span={16} className={classnames(styles.col)}>
<Col span={16} className={classnames(styles.colWrap)}>
<ConfigProvider theme={{ token: { motion: false } }}>{cloneNode}</ConfigProvider>
</Col>
<Col span={8}>