From 21ce4cf714807bfb61fea47433bff83054b4e513 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5kon=20R=C3=B8skaft?= <haakoero@stud.ntnu.no>
Date: Wed, 4 May 2022 13:18:56 +0200
Subject: [PATCH] Fixed a rezising issue
---
src/components/CommunityComponents/CommunityList.vue | 2 +-
.../CommunityComponents/CommunityListItem.vue | 11 +++++++----
src/components/RentingComponents/ItemInfo.vue | 2 +-
3 files changed, 9 insertions(+), 6 deletions(-)
diff --git a/src/components/CommunityComponents/CommunityList.vue b/src/components/CommunityComponents/CommunityList.vue
index 97d2512..0720c1b 100644
--- a/src/components/CommunityComponents/CommunityList.vue
+++ b/src/components/CommunityComponents/CommunityList.vue
@@ -1,7 +1,7 @@
<template>
<ul>
<li v-for="community in communities" :key="community">
- <CommunityListItem :community="community" :member="member" />
+ <CommunityListItem :community="community" :member="member" class="border-black" />
</li>
</ul>
</template>
diff --git a/src/components/CommunityComponents/CommunityListItem.vue b/src/components/CommunityComponents/CommunityListItem.vue
index 9553761..484ce0a 100644
--- a/src/components/CommunityComponents/CommunityListItem.vue
+++ b/src/components/CommunityComponents/CommunityListItem.vue
@@ -47,11 +47,14 @@
</CustomFooterModal>
<div
@click="toggleDialog()"
- class="bg-white shadow dark:bg-gray-800 select-none cursor-pointer hover:bg-gray-50 flex items-center p-4"
+ class="bg-white shadow dark:bg-gray-800 select-none cursor-pointer hover:bg-gray-50 flex items-center p-2"
>
- <div class="h-10 w-10 hover:h-14 hover:w-14 flex flex-col justify-center items-center mr-4">
- <UserGroupIcon v-if="!community.picture" alt="Felleskapets bilde" class="h-10 w-10" />
- <img v-else :src="community.picture" alt="Fellsekaps bilde" class="rounded-md h-[41px]" />
+ <div v-if="!community.picture" class="h-10 w-10 flex flex-col justify-center items-center ml-2 mr-2">
+ <UserGroupIcon alt="Felleskapets bilde" class="h-10 w-10" />
+ <!-- TODO: USE COMMUNITY IMAGE <img alt="Felleskapets bilde" src="@/assets/group.png" /> -->
+ </div>
+ <div v-else class="h-3 w-14 flex flex-col justify-center items-center ml-2 mt-4 mb-4 mr-2">
+ <img :src="community.picture" alt="Fellsekaps bilde" class="rounded-md" />
<!-- TODO: USE COMMUNITY IMAGE <img alt="Felleskapets bilde" src="@/assets/group.png" /> -->
</div>
<div class="flex-1 pl-1 overflow-hidden">
diff --git a/src/components/RentingComponents/ItemInfo.vue b/src/components/RentingComponents/ItemInfo.vue
index 1c85502..dbfa939 100644
--- a/src/components/RentingComponents/ItemInfo.vue
+++ b/src/components/RentingComponents/ItemInfo.vue
@@ -6,7 +6,7 @@
<div>
<div
v-bind:class="{
- 'w-auto place-items-center':
+ 'grid grid-flow-row-dense grid-cols-2 md:grid-cols-4 h-[600px] w-auto lg:grid-cols-5 place-items-center':
noPicture,
}"
>
--
GitLab