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

chore: improve Contributors loading suspense style (#51663)

Browse Source
This commit is contained in:
afc163 2024-11-18 09:55:09 +08:00 committed by GitHub
parent 1d5a518159
commit f474bf18d8
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.dumi/theme/slots/Content/Contributors.tsx
View File

@ -8,9 +8,6 @@ import SiteContext from '../SiteContext';
import ContributorAvatar from './ContributorAvatar'; import ContributorAvatar from './ContributorAvatar';
const useStyle = createStyles(({ token, css }) => ({ const useStyle = createStyles(({ token, css }) => ({
contributorsList: css`
margin-top: 120px !important;
`,
listMobile: css` listMobile: css`
margin: 1em 0 !important; margin: 1em 0 !important;
`, `,
@ -50,7 +47,7 @@ const Contributors: React.FC<ContributorsProps> = ({ filename }) => {
} }
return ( return (
<div className={classNames(styles.contributorsList, { [styles.listMobile]: isMobile })}> <div className={classNames({ [styles.listMobile]: isMobile })}>
<div className={styles.title}>{formatMessage({ id: 'app.content.contributors' })}</div> <div className={styles.title}>{formatMessage({ id: 'app.content.contributors' })}</div>
<ContributorsList <ContributorsList
cache cache

4
.dumi/theme/slots/Content/index.tsx
View File

@ -94,9 +94,11 @@ const Content: React.FC<React.PropsWithChildren> = ({ children }) => {
juejinLink={meta.frontmatter.juejin_url} juejinLink={meta.frontmatter.juejin_url}
/> />
</InViewSuspense> </InViewSuspense>
<InViewSuspense fallback={<div style={{ height: 50, marginTop: 120 }} />}> <div style={{ marginTop: 120 }}>
<InViewSuspense fallback={<div style={{ height: 50 }} />}>
<Contributors filename={meta.frontmatter.filename} /> <Contributors filename={meta.frontmatter.filename} />
</InViewSuspense> </InViewSuspense>
</div>
</article> </article>
<InViewSuspense fallback={null}> <InViewSuspense fallback={null}>
<PrevAndNext rtl={isRTL} /> <PrevAndNext rtl={isRTL} />