Skip to content

Commit 817ccf0

Browse files
committed
fix(website): 减少移动端下安装步骤左侧空白,优化布局
1 parent 4a8587d commit 817ccf0

File tree

1 file changed

+20
-1
lines changed

1 file changed

+20
-1
lines changed

office-website/src/pages/Home/Home.module.css

Lines changed: 20 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -580,7 +580,7 @@
580580
}
581581

582582
.step p, .step ol, .step ul, .browserOptions, .installMethods {
583-
margin-left: 0;
583+
margin-left: 0.5rem;
584584
}
585585

586586
.stepTitle {
@@ -590,12 +590,23 @@
590590

591591
.stepNumber {
592592
margin-bottom: var(--space-2);
593+
width: 1.8rem;
594+
height: 1.8rem;
595+
margin-right: var(--space-2);
593596
}
594597

595598
.installSteps::before {
596599
display: none;
597600
}
598601

602+
.installMethods {
603+
margin-left: 0.5rem;
604+
}
605+
606+
.methodSteps ol {
607+
padding-left: var(--space-4);
608+
}
609+
599610
.contributorItem {
600611
padding: var(--space-3);
601612
}
@@ -803,6 +814,14 @@
803814
.methodTitle {
804815
font-size: 1.1rem;
805816
}
817+
818+
.installSteps::before {
819+
left: 1.5rem;
820+
}
821+
822+
.step p, .step ol, .step ul, .browserOptions {
823+
margin-left: calc(2rem + var(--space-2));
824+
}
806825
}
807826

808827
.codeBlock {

0 commit comments

Comments
 (0)