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

Fix maps image
All checks were successful
Build and deploy updated apps / Build & deploy (push) Successful in 2m2s
Details

Browse Source
This commit is contained in:
Dominik Milacher 2025-10-15 12:31:22 +02:00
parent 52faafe3cc
commit 64f4076b88
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -81,9 +81,9 @@
</AppFlatSection> </AppFlatSection>
<AppCardSection> <AppCardSection>
<div class="flex w-full items-stretch overflow-hidden"> <div class="flex flex-col md:flex-row w-full items-stretch overflow-hidden">
<!-- Left: 40% width --> <!-- Left: 40% width on desktop, full on mobile -->
<div class="w-[40%] flex flex-col justify-center pr"> <div class="w-full md:w-[40%] flex flex-col justify-center pr">
<AppTitleText :title="c.landing.location.title" :text="c.landing.location.description"> <AppTitleText :title="c.landing.location.title" :text="c.landing.location.description">
<UButton to="https://maps.app.goo.gl/FtTC8ervoBCnfU3j7" color="primary" variant="solid" size="xl" <UButton to="https://maps.app.goo.gl/FtTC8ervoBCnfU3j7" color="primary" variant="solid" size="xl"
trailing-icon="i-heroicons-arrow-right"> trailing-icon="i-heroicons-arrow-right">
@ -91,20 +91,21 @@
</UButton> </UButton>
</AppTitleText> </AppTitleText>
</div> </div>
<!-- Right: 60% width, image fills --> <!-- Right: 60% width on desktop, full on mobile -->
<a <a
href="https://maps.app.goo.gl/FtTC8ervoBCnfU3j7" href="https://maps.app.goo.gl/FtTC8ervoBCnfU3j7"
class="w-[60%] overflow-hidden relative group" class="w-full md:w-[60%] overflow-hidden relative group"
aria-label="Google Maps öffnen" aria-label="Google Maps öffnen"
> >
<NuxtImg <NuxtImg
:src="c.landing.location.image" :src="c.landing.location.image"
alt="Vorschaubild der Lage in Google Maps" alt="Vorschaubild der Lage in Google Maps"
class="w-full h-full object-cover transition-transform duration-300 ease-out group-hover:scale-110" class="w-full h-64 md:h-full object-cover transition-transform duration-300 ease-out group-hover:scale-110"
/> />
</a> </a>
</div> </div>
</AppCardSection> </AppCardSection>
<AppFlatSection> <AppFlatSection>