mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-24 19:19:57 +08:00
Code Issues Actions 31 Packages Projects Releases Wiki Activity

docs: fix design documentation style (#42954)

Browse Source 
* feat: optimize size layout

* feat: optimize site layout

* feat: optimize site layout
This commit is contained in:
kiner-tang(文辉) 2023-06-12 10:03:28 +08:00 committed by GitHub
parent 66017c9f1a
commit e119236b94
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.dumi/theme/common/GlobalStyles.tsx
View File

@ -15,6 +15,7 @@ import {
Responsive,
SearchBar,
} from './styles';
import InlineCard from './styles/InlineCard';
const GlobalStyles = () => (
<>
@ -29,6 +30,7 @@ const GlobalStyles = () => (
<Responsive />
<NProgress />
<PreviewImage />
<InlineCard />
<ColorStyle />
<HeadingAnchor />
<SearchBar />

24
.dumi/theme/common/styles/InlineCard.tsx Normal file
View File

@ -0,0 +1,24 @@
import React from 'react';
import { css, Global } from '@emotion/react';
export default () => (
<Global
styles={css`
.design-inline-cards {
display: flex;
margin: 0 -20px;
}
.design-inline-cards > * {
flex: 10%;
margin: 0 20px;
}
.design-inline-cards img {
width: 100%;
max-width: 100%;
}
.design-inline-cards h4 {
margin-bottom: 0;
}
`}
/>
);