fix(site): fix lost indent of site (#50366)

* fix(site): lost indent of site

* fix: fix style
This commit is contained in:
lijianan 2024-08-12 00:41:04 +08:00 committed by GitHub
parent b7151d7202
commit 313b5ae924
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 35 additions and 41 deletions

View File

@ -17,29 +17,6 @@ const useStyle = createStyles(({ token, css }) => ({
grid-gap: ${token.margin}px;
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
padding: 0;
li {
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
width: 200px;
height: 100px;
overflow: hidden;
color: #555;
text-align: center;
list-style: none;
background-color: inherit;
border-radius: ${token.borderRadiusSM}px;
cursor: pointer;
transition: all ${token.motionDurationSlow} ease-in-out;
${token.iconCls} {
margin: ${token.marginSM}px 0 ${token.marginXS}px;
font-size: 36px;
transition: transform ${token.motionDurationSlow} ease-in-out;
will-change: transform;
}
}
`,
copiedCode: css`
padding: 0 ${token.paddingXXS}px;

View File

@ -12,7 +12,30 @@ const allIcons: { [key: PropertyKey]: any } = AntdIcons;
const useStyle = createStyles(({ token, css }) => {
const { antCls, iconCls } = token;
return {
item: css`
iconItem: css`
display: inline-flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-inline-start: 0 !important;
margin-inline-end: 0 !important;
position: relative;
width: 200px;
height: 100px;
overflow: hidden;
color: #555;
text-align: center;
list-style: none;
background-color: inherit;
border-radius: ${token.borderRadiusSM}px;
cursor: pointer;
transition: all ${token.motionDurationSlow} ease-in-out;
${token.iconCls} {
margin: ${token.marginSM}px 0 ${token.marginXS}px;
font-size: 36px;
transition: transform ${token.motionDurationSlow} ease-in-out;
will-change: transform;
}
&:hover {
color: #fff;
background-color: ${token.colorPrimary};
@ -81,7 +104,7 @@ const CopyableIcon: React.FC<CopyableIconProps> = (props) => {
};
return (
<CopyToClipboard text={`<${name} />`} onCopy={onCopy}>
<li className={classNames(theme, styles.item, { copied: justCopied === name })}>
<li className={classNames(theme, styles.iconItem, { copied: justCopied === name })}>
{React.createElement(allIcons[name])}
<span className={styles.anticonCls}>
<Badge dot={isNew}>{name}</Badge>

View File

@ -112,29 +112,23 @@ const GlobalStyle: React.FC = () => {
}
}
.markdown ul > li {
list-style-type: circle;
.markdown ul > li,
.markdown ol > li {
margin-inline-start: ${token.marginLG}px;
> p {
margin: 0.2em 0;
}
&:empty {
display: none;
}
}
.markdown ol > li {
margin-inline-start: ${token.marginMD}px;
padding-inline-start: ${token.paddingXXS}px;
list-style-type: decimal;
${antCls}-row-rtl & {
margin-inline-end: ${token.marginMD}px;
margin-inline-start: 0;
padding-inline-end: ${token.paddingXXS}px;
padding-inline-start: 0;
}
.markdown ul > li {
list-style-type: circle;
}
.markdown ul > li > p,
.markdown ol > li > p {
margin: 0.2em 0;
.markdown ol > li {
list-style-type: decimal;
}
.markdown code {