dominik/webapps
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make more mobile-friendly
All checks were successful
Build and deploy updated apps / Build & deploy (push) Successful in 1m51s
Details

Browse Source
This commit is contained in:
Dominik Milacher 2025-10-15 10:33:35 +02:00
parent f6e88469b3
commit d2f3146e03
2 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
apps/panoramablick-saalbach.at/components/AppHeader.vue
View File

@ -15,7 +15,21 @@
<!-- nav links --> <!-- nav links -->
<ul class="flex space-x-6"> <ul class="flex space-x-6">
<li> <li>
<NuxtLink :to="p('apartments')">{{ c.header.apartments }}</NuxtLink> <!-- Mobile: Show only first word -->
<NuxtLink
:to="p('apartments')"
class="block sm:hidden"
>
{{ c.header.apartments.split(' ')[0] }}
</NuxtLink>
<!-- Desktop: Show full text -->
<NuxtLink
:to="p('apartments')"
class="hidden sm:block"
>
{{ c.header.apartments }}
</NuxtLink>
</li> </li>
<li> <li>
<NuxtLink :to="p('book')">{{ c.header.book }}</NuxtLink> <NuxtLink :to="p('book')">{{ c.header.book }}</NuxtLink>

2
apps/panoramablick-saalbach.at/pages/[locale]/[variant]/index.vue
View File

@ -31,7 +31,7 @@
}} }}
</p> </p>
</div> </div>
<div class="mt-8 flex gap-4"> <div class="mt-8 flex gap-4 flex-wrap">
<UButton :to="p('apartments')" color="primary" variant="solid" size="xl" <UButton :to="p('apartments')" color="primary" variant="solid" size="xl"
trailing-icon="i-heroicons-arrow-right">{{ c.button.apartments }} trailing-icon="i-heroicons-arrow-right">{{ c.button.apartments }}
</UButton> </UButton>