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

feat(hero): widen the title wordmark

Browse source 
Eileen Caps is a very wide caps face, so at the old 52rem cap the title
came out shorter than the tagline above it. Raise the cap to 68rem and
size the SVG to the container width instead of a vw value, so it can't
spill past the container padding on phones.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
This commit is contained in:
Padreug 2026-09-20 23:07:23 +02:00
commit c2a3015fef
1 changed files with 1 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/views/HomeView.vue
View file

@ -116,7 +116,7 @@ const featuredEvents = [
(always one line); a gold drop-shadow gives the engraved edge. --> (always one line); a gold drop-shadow gives the engraved edge. -->
<svg <svg
ref="titleSvg" ref="titleSvg"
class="hero-title -mt-1 block w-[min(92vw,52rem)] sm:mt-4" class="hero-title -mt-1 block w-full max-w-[68rem] sm:mt-4"
:viewBox="titleViewBox" :viewBox="titleViewBox"
aria-hidden="true" aria-hidden="true"
> >