fix(site): the img element of site should not be block (#50367)

This commit is contained in:
lijianan 2024-08-12 09:31:56 +08:00 committed by GitHub
parent 313b5ae924
commit 16f018906b
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 7 additions and 5 deletions

View File

@ -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 {

View File

@ -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;
}