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>
<AppCardSection>
<div class="flex w-full items-stretch overflow-hidden">
<!-- Left: 40% width -->
<div class="w-[40%] flex flex-col justify-center pr">
<div class="flex flex-col md:flex-row w-full items-stretch overflow-hidden">
<!-- Left: 40% width on desktop, full on mobile -->
<div class="w-full md:w-[40%] flex flex-col justify-center pr">
<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"
trailing-icon="i-heroicons-arrow-right">
@ -91,20 +91,21 @@
</UButton>
</AppTitleText>
</div>
<!-- Right: 60% width, image fills -->
<!-- Right: 60% width on desktop, full on mobile -->
<a
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"
>
<NuxtImg
:src="c.landing.location.image"
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>
</div>
</AppCardSection>
<AppFlatSection>