Skip to content

Commit e54fd12

Browse files
authored
site: adjust line height to solve jitter problems (ant-design#57750)
1 parent b1ec4b9 commit e54fd12

1 file changed

Lines changed: 11 additions & 4 deletions

File tree

.dumi/theme/slots/Header/SponsorCard.tsx

Lines changed: 11 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -49,7 +49,7 @@ export const useCardStyle = createStyles(({ cssVar, token, css }) => ({
4949
cardDesc: css`
5050
font-size: 13px;
5151
color: ${cssVar.colorTextSecondary};
52-
line-height: 1.6;
52+
line-height: 1.5;
5353
`,
5454
cardFooter: css`
5555
display: flex;
@@ -95,10 +95,17 @@ const SponsorCard: React.FC<SponsorCardProps> = ({ sponsor, lang }) => {
9595
<div className={styles.cardBody}>
9696
<img src={sponsor.logo} alt={sponsor.name} className={styles.cardLogo} />
9797
<div className={styles.cardInfo}>
98-
<a href={sponsor.opencollective} target="_blank" rel="noreferrer" className={styles.cardName}>
98+
<a
99+
href={sponsor.opencollective}
100+
target="_blank"
101+
rel="noreferrer"
102+
className={styles.cardName}
103+
>
99104
{sponsor.name}
100105
</a>
101-
<span className={styles.cardDesc}>{getSponsorDescription(sponsor.description, lang)}</span>
106+
<span className={styles.cardDesc}>
107+
{getSponsorDescription(sponsor.description, lang)}
108+
</span>
102109
</div>
103110
</div>
104111
<div className={styles.cardFooter}>
@@ -133,4 +140,4 @@ const SponsorCard: React.FC<SponsorCardProps> = ({ sponsor, lang }) => {
133140
);
134141
};
135142

136-
export default SponsorCard;
143+
export default SponsorCard;

0 commit comments

Comments
 (0)