padreug/chateaudufaune.ariege.io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(header): shrink aside-hero title to text-3xl on mobile

Browse source 
The long uppercase Symposium hero title ran large at text-4xl on narrow
phones. Start at text-3xl, keep md:text-5xl at the desktop breakpoint.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Padreug 2026-06-14 16:56:29 +02:00
commit ead5dc13c1
1 changed files with 1 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/layout/PageHero.vue
View file

@ -28,7 +28,7 @@ const hasAside = () => !!slots.aside
<p v-if="kicker" class="font-display text-xs uppercase tracking-[0.3em] text-accent">
{{ kicker }}
</p>
<h1 class="mt-3 font-display text-4xl uppercase leading-tight tracking-wider md:text-5xl">
<h1 class="mt-3 font-display text-3xl uppercase leading-tight tracking-wider md:text-5xl">
{{ title }}
</h1>
<p v-if="lede" class="mt-6 max-w-prose text-lg leading-relaxed text-foreground/90">