mirror of
https://github.com/ant-design/ant-design.git
synced 2025-01-18 22:36:31 +08:00
fix(site): the img element of site should not be block (#50367)
This commit is contained in:
parent
313b5ae924
commit
16f018906b
@ -19,6 +19,8 @@ const useStyle = createStyles(({ token, css }) => {
|
||||
align-items: center;
|
||||
margin-inline-start: 0 !important;
|
||||
margin-inline-end: 0 !important;
|
||||
padding-inline-start: 0 !important;
|
||||
padding-inline-end: 0 !important;
|
||||
position: relative;
|
||||
width: 200px;
|
||||
height: 100px;
|
||||
@ -31,19 +33,19 @@ const useStyle = createStyles(({ token, css }) => {
|
||||
cursor: pointer;
|
||||
transition: all ${token.motionDurationSlow} ease-in-out;
|
||||
${token.iconCls} {
|
||||
margin: ${token.marginSM}px 0 ${token.marginXS}px;
|
||||
margin: ${token.marginXS}px 0;
|
||||
font-size: 36px;
|
||||
transition: transform ${token.motionDurationSlow} ease-in-out;
|
||||
will-change: transform;
|
||||
}
|
||||
&:hover {
|
||||
color: #fff;
|
||||
color: ${token.colorWhite};
|
||||
background-color: ${token.colorPrimary};
|
||||
${iconCls} {
|
||||
transform: scale(1.3);
|
||||
}
|
||||
${antCls}-badge {
|
||||
color: #fff;
|
||||
color: ${token.colorWhite};
|
||||
}
|
||||
}
|
||||
&.TwoTone:hover {
|
||||
|
@ -24,7 +24,6 @@ const GlobalStyle: React.FC = () => {
|
||||
}
|
||||
|
||||
.markdown img {
|
||||
display: block;
|
||||
max-width: calc(100% - 32px);
|
||||
max-height: 100%;
|
||||
}
|
||||
@ -114,7 +113,8 @@ const GlobalStyle: React.FC = () => {
|
||||
|
||||
.markdown ul > li,
|
||||
.markdown ol > li {
|
||||
margin-inline-start: ${token.marginLG}px;
|
||||
padding-inline-start: ${token.paddingXXS}px;
|
||||
margin-inline-start: ${token.marginMD}px;
|
||||
> p {
|
||||
margin: 0.2em 0;
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user