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

fix(home): allow welcome CTA to wrap on narrow viewports

Browse source 
The Button base sets whitespace-nowrap + fixed h-12, so the French
welcome CTA "En savoir plus sur le Centre pour l'art et l'écologie"
overflowed the mobile viewport. Override on this instance:
whitespace-normal, h-auto + py-3, max-w-full, text-balance, and a
larger rounded-3xl to keep the pill shape on two lines.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
Padreug 2026-06-11 00:52:39 +02:00
commit f560f819c3
1 changed files with 5 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/views/HomeView.vue
View file

@ -96,7 +96,11 @@ const featuredEvents = [
<p class="mt-6 text-base leading-relaxed text-foreground/90 md:text-lg"> <p class="mt-6 text-base leading-relaxed text-foreground/90 md:text-lg">
{{ t('home.welcome.body') }} {{ t('home.welcome.body') }}
</p> </p>
<Button as-child variant="outline" class="mt-8"> <Button
as-child
variant="outline"
class="mt-8 h-auto max-w-full whitespace-normal rounded-3xl py-3 text-balance"
>
<RouterLink to="/concept">{{ t('home.welcome.cta') }}</RouterLink> <RouterLink to="/concept">{{ t('home.welcome.cta') }}</RouterLink>
</Button> </Button>
</div> </div>