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

feat(home/hero): enlarge tagline and pull it tighter to the title on mobile

Browse source 
The mobile tagline was too small/tight; bump its size and restore the
wider letter-spacing so it spans the hero, and remove the gap above the
title so the two sit together.

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

4
src/views/HomeView.vue
View file

@ -104,7 +104,7 @@ const featuredEvents = [
class="relative mx-auto flex max-w-7xl flex-col items-center px-4 text-center lg:px-6" class="relative mx-auto flex max-w-7xl flex-col items-center px-4 text-center lg:px-6"
> >
<p <p
class="whitespace-nowrap bg-clip-text font-display text-[clamp(0.62rem,2.4vw,1.875rem)] uppercase tracking-[0.12em] text-transparent drop-shadow-[0_1px_4px_rgba(0,0,0,0.85)] sm:tracking-[0.2em]" class="whitespace-nowrap bg-clip-text font-display text-[clamp(0.85rem,3.7vw,1.875rem)] uppercase tracking-[0.2em] text-transparent drop-shadow-[0_1px_4px_rgba(0,0,0,0.85)]"
style="background-image: linear-gradient(to right, #b99f2c, #855c16)" style="background-image: linear-gradient(to right, #b99f2c, #855c16)"
> >
{{ t('common.tagline') }} {{ t('common.tagline') }}
@ -115,7 +115,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-2 block w-[min(92vw,52rem)] sm:mt-4" class="hero-title -mt-1 block w-[min(92vw,52rem)] sm:mt-4"
:viewBox="titleViewBox" :viewBox="titleViewBox"
aria-hidden="true" aria-hidden="true"
> >