Skip to content

Commit 4a8587d

Browse files
committed
fix(website): 增加移动端标题区域上边距,避免顶部内容遮挡
1 parent 3ad727b commit 4a8587d

File tree

1 file changed

+12
-1
lines changed

1 file changed

+12
-1
lines changed

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

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -550,12 +550,13 @@
550550

551551
.hero {
552552
min-height: auto;
553-
padding-top: calc(var(--header-height) + var(--space-6));
553+
padding-top: calc(var(--header-height) + var(--space-8));
554554
padding-bottom: var(--space-6);
555555
}
556556

557557
.heroContent {
558558
padding: 0 var(--space-3);
559+
padding-top: 3rem;
559560
}
560561

561562
.title {
@@ -565,6 +566,7 @@
565566
hyphens: auto;
566567
max-width: 100%;
567568
padding-right: 10px;
569+
margin-top: 1.5rem;
568570
}
569571

570572
.subtitle {
@@ -606,6 +608,15 @@
606608
.title {
607609
font-size: 1.8rem;
608610
line-height: 1.2;
611+
margin-top: 2rem;
612+
}
613+
614+
.hero {
615+
padding-top: calc(var(--header-height) + var(--space-8) + 1rem);
616+
}
617+
618+
.heroContent {
619+
padding-top: 4rem;
609620
}
610621
}
611622

0 commit comments

Comments
 (0)