Ehrenamt/ff-webpage
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases 13 Packages Wiki Activity Actions

safari optimizations

Browse source
This commit is contained in:
Julian Krauser 2024-11-10 08:29:08 +01:00
parent 8aef9266f6
commit 624af7cdc0
12 changed files with 35 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

8
components/CollectionDetail.vue
View file

@ -18,9 +18,9 @@
<NuxtPicture
v-if="data?.image"
loading="lazy"
class="w-full h-full sm:w-fit sm:h-[50vh] max-w-full object-cover object-center"
class="max-sm:w-full h-full sm:h-[50vh] max-w-full object-cover object-center"
:src="baseUrl + data.image.url"
:imgAttrs="{ class: 'w-full h-full sm:w-fit sm:h-[50vh] object-cover object-center' }"
:imgAttrs="{ class: 'h-full sm:h-[50vh] object-cover object-center' }"
/>
<br v-if="data?.image" />
<div v-if="data?.content">
@ -34,9 +34,9 @@
<NuxtPicture
v-for="img in data.attachment"
loading="lazy"
class="w-full h-fit sm:w-fit sm:h-48 object-cover object-center"
class="max-sm:w-full sm:h-48 object-cover object-center"
:src="baseUrl + img.url"
:imgAttrs="{ class: 'w-full h-fit sm:w-fit sm:h-48 object-cover object-center' }"
:imgAttrs="{ class: 'max-sm:w-full sm:h-48 object-cover object-center' }"
/>
</div>
</div>