mattuy/text-mosaic
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 避免顶部文字重叠

Browse Source
This commit is contained in:
necobot
2026-07-25 16:33:03 +08:00
parent da9b354e4c
commit fe11c9a1cc
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/style.css
+8 -4
View File
@@ -58,24 +58,26 @@ input:focus-visible {
} }
.hero { .hero {
position: relative;
display: grid; display: grid;
grid-template-columns: 1fr auto; grid-template-columns: 1fr auto;
grid-template-rows: auto 1fr;
row-gap: clamp(20px, 3vw, 38px);
min-height: 220px; min-height: 220px;
padding: 22px 0 30px; padding: 22px 0 30px;
border-top: 1px solid var(--ink); border-top: 1px solid var(--ink);
} }
.hero__index { .hero__index {
position: absolute; grid-column: 1 / -1;
top: 22px; grid-row: 1;
left: 0;
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
font-size: 11px; font-size: 11px;
letter-spacing: 0.14em; letter-spacing: 0.14em;
} }
.hero__content { .hero__content {
grid-column: 1;
grid-row: 2;
align-self: end; align-self: end;
} }
@@ -98,6 +100,8 @@ input:focus-visible {
} }
.hero__mark { .hero__mark {
grid-column: 2;
grid-row: 2;
align-self: end; align-self: end;
padding-bottom: 2px; padding-bottom: 2px;
font-size: clamp(64px, 9vw, 124px); font-size: clamp(64px, 9vw, 124px);