Rakantor/personal-portfolio
1
0
Fork 0
mirror of https://github.com/Rakantor/personal-portfolio.git synced 2025-12-17 19:36:32 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix bug: images not being displayed correctly

Browse Source
This commit is contained in:
Rakantor
2023-04-28 16:27:44 +02:00
parent 9176f13798
commit 22f7c330ff
1 changed files with 9 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/ImageCarousel.vue
View File

@@ -1,13 +1,14 @@
<template> <template>
<v-dialog v-model="show" class="d-flex align-center justify-center"> <v-dialog v-model="show">
<v-carousel <v-carousel
:model-value="index" :model-value="index"
:show-arrows="images.length > 1" :show-arrows="images.length > 1"
hide-delimiters hide-delimiters
class="ma-auto"
:height="carouselHeight"
> >
<v-carousel-item v-for="image of images" :key="image" <v-carousel-item v-for="image of images" :key="image"
:src="image" :src="image"
class="ma-auto"
></v-carousel-item> ></v-carousel-item>
</v-carousel> </v-carousel>
</v-dialog> </v-dialog>
@@ -20,6 +21,11 @@ export default {
show: false, show: false,
images: [], images: [],
index: 0 index: 0
}) }),
computed: {
carouselHeight () {
return window.innerHeight * 0.9
}
}
} }
</script> </script>