ZaguanAI/zblade.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(docs): reduce hero section height and spacing

Browse Source 
Shrinks the docs hero to be less dominant, reducing min-height from 60vh to 35vh and tightening padding and font sizes for a more balanced page layout.
This commit is contained in:
Stig-Ørjan Smelror
2026-03-26 23:40:20 +01:00
parent 6e1e2fbce1
commit 38ed0fea7d
1 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/docs.astro
+9 -8
View File
@@ -590,11 +590,11 @@ import BaseLayout from '../layouts/BaseLayout.astro';
/* Hero */ /* Hero */
.docs-hero { .docs-hero {
min-height: 60vh; min-height: 35vh;
display: flex; display: flex;
align-items: center; align-items: center;
padding-top: calc(var(--space-3xl) + 60px); padding-top: calc(var(--space-2xl) + 60px);
padding-bottom: var(--space-2xl); padding-bottom: var(--space-lg);
background: linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg-secondary) 100%); background: linear-gradient(180deg, var(--color-bg) 0%, var(--color-bg-secondary) 100%);
border-bottom: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border);
} }
@@ -604,12 +604,12 @@ import BaseLayout from '../layouts/BaseLayout.astro';
} }
.docs-hero .hero-title { .docs-hero .hero-title {
margin-bottom: var(--space-lg); margin-bottom: var(--space-md);
} }
.title-line-1 { .title-line-1 {
display: block; display: block;
font-size: clamp(2.5rem, 8vw, 5rem); font-size: clamp(2rem, 6vw, 3.5rem);
font-weight: 900; font-weight: 900;
line-height: 0.95; line-height: 0.95;
letter-spacing: -0.03em; letter-spacing: -0.03em;
@@ -618,11 +618,11 @@ import BaseLayout from '../layouts/BaseLayout.astro';
.title-accent { .title-accent {
display: block; display: block;
font-size: clamp(1.25rem, 3vw, 1.75rem); font-size: clamp(1rem, 2.5vw, 1.25rem);
font-weight: 700; font-weight: 700;
color: var(--color-accent); color: var(--color-accent);
font-family: var(--font-mono); font-family: var(--font-mono);
margin-top: var(--space-sm); margin-top: 0.25rem;
letter-spacing: 0.05em; letter-spacing: 0.05em;
} }
@@ -1599,7 +1599,8 @@ import BaseLayout from '../layouts/BaseLayout.astro';
@media (max-width: 768px) { @media (max-width: 768px) {
.docs-hero { .docs-hero {
min-height: auto; min-height: auto;
padding-top: calc(var(--space-2xl) + 60px); padding-top: calc(var(--space-xl) + 60px);
padding-bottom: var(--space-md);
} }
.concept-header { .concept-header {