mwinter/portfolio
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Use NuxtImg consistently for all images

Browse source
This commit is contained in:
Michael Winter 2026-02-19 16:54:14 +01:00
parent b43b8e6eaf
commit 1089c9fe92
2 changed files with 2 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/ImageSlider.vue
View file

@ -25,7 +25,7 @@
> >
<SwiperSlide v-for="image in gallery" class="!flex !items-center !justify-center !h-auto !py-10 !bg-zinc-100"> <SwiperSlide v-for="image in gallery" class="!flex !items-center !justify-center !h-auto !py-10 !bg-zinc-100">
<img :src="'/' + bucket + '/' + image.image" <NuxtImg :src="'/' + bucket + '/' + image.image"
style="max-width: calc(100% - 80px); max-height: 70vh; object-fit: contain;"/> style="max-width: calc(100% - 80px); max-height: 70vh; object-fit: contain;"/>
</SwiperSlide> </SwiperSlide>
</Swiper> </Swiper>

2
pages/scores/[filename].vue
View file

@ -1,7 +1,7 @@
<template> <template>
<div class="flex min-h-full items-center justify-center text-center"> <div class="flex min-h-full items-center justify-center text-center">
<embed v-if="isPdf" :src="filePath" class="w-[85%] h-[88vh]"/> <embed v-if="isPdf" :src="filePath" class="w-[85%] h-[88vh]"/>
<img v-else-if="isImage" :src="filePath" class="w-[85%]"/> <NuxtImg v-else-if="isImage" :src="filePath" class="w-[85%]"/>
</div> </div>
</template> </template>