From ff275f3966c78d776ad905d3c80fc2556aed1461 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5kon=20R=C3=B8skaft?= <haakoero@stud.ntnu.no>
Date: Thu, 5 May 2022 14:52:28 +0200
Subject: [PATCH] Image rezising
---
src/components/RentingComponents/ItemInfo.vue | 20 ++++++-------------
1 file changed, 6 insertions(+), 14 deletions(-)
diff --git a/src/components/RentingComponents/ItemInfo.vue b/src/components/RentingComponents/ItemInfo.vue
index d90531a..66ed22a 100644
--- a/src/components/RentingComponents/ItemInfo.vue
+++ b/src/components/RentingComponents/ItemInfo.vue
@@ -4,12 +4,10 @@
</div>
<div v-if="!confirm">
<div>
- <div
- v-bind:class="{
- 'grid grid-flow-row-dense grid-cols-2 md:grid-cols-4 max-h-[600px] w-auto lg:grid-cols-5 place-items-center':
- noPicture,
- }"
- >
+ <div v-if="noPicture" class="md:grid md:place-items-center md:h-screen">
+ <img :src="require('@/assets/default-product.png')" alt="No image found">
+ </div>
+ <div v-else>
<ImageCarousel :images="pictures"></ImageCarousel>
</div>
</div>
@@ -165,13 +163,7 @@ export default {
let id = this.$router.currentRoute.value.params.id;
this.images = await getItemPictures(id);
- if (this.images.length < 1) {
- let noImage = {
- src: require("@/assets/default-product.png"),
- alt: "No image found",
- };
- this.pictures.push(noImage);
- } else {
+ if (this.images.length > 0) {
this.noPicture = false;
for (let i = 0; i < this.images.length; i++) {
let oneImage = {
@@ -181,7 +173,7 @@ export default {
};
this.pictures.push(oneImage);
}
- }
+ }
//TODO fixs so each image get a correct alt text.
},
async getUser(userId) {
--
GitLab