From 2506dca9ef76a80c88471c31028b19f9da39d9af Mon Sep 17 00:00:00 2001
From: Titus Kristiansen <titusk@stud.ntnu.no>
Date: Fri, 6 May 2022 20:42:16 +0200
Subject: [PATCH] Fixed search items view
---
.../CommunityComponents/CommunityHome.vue | 12 ++++----
.../UserProfileComponents/UserItems.vue | 29 +++++++++++--------
2 files changed, 23 insertions(+), 18 deletions(-)
diff --git a/src/components/CommunityComponents/CommunityHome.vue b/src/components/CommunityComponents/CommunityHome.vue
index 57ba73f..c653ab6 100644
--- a/src/components/CommunityComponents/CommunityHome.vue
+++ b/src/components/CommunityComponents/CommunityHome.vue
@@ -55,14 +55,14 @@
<!-- Shows items based on search field input -->
<div
- class="grid grid-flow-row-dense grid-cols-2 md:grid-cols-4 lg:grid-cols-5 w-full place-items-center"
- v-if="showSearchedItems"
+ class="grid grid-flow-row-dense grid-cols-2 md:grid-cols-4 lg:grid-cols-5 w-full"
+ v-if="showSearchedItems"
>
<ItemCard
- v-for="item in searchedItems"
- :key="item"
- :item="item"
- @click="goToItemInfoPage(item.listingID)"
+ v-for="item in searchedItems"
+ :key="item"
+ :item="item"
+ @click="goToItemInfoPage(item.listingID)"
/>
</div>
</div>
diff --git a/src/components/UserProfileComponents/UserItems.vue b/src/components/UserProfileComponents/UserItems.vue
index 9a988f4..02a06fe 100644
--- a/src/components/UserProfileComponents/UserItems.vue
+++ b/src/components/UserProfileComponents/UserItems.vue
@@ -110,18 +110,23 @@
</div>
<!-- Shows items based on search field input -->
- <div
- class="grid grid-flow-row-dense grid-cols-2 md:grid-cols-4 lg:grid-cols-5 w-full place-items-center"
- v-if="showSearchedItems"
- >
- <div class="cardContainer" v-for="item in searchedItems" :key="item">
- <div class="w-full">
- <ItemCard
- id="ItemCardSearch"
- class="ItemCard w-full h-full"
- :item="item"
- />
- </div>
+ <div
+ class="grid grid-flow-row-dense grid-cols-2 md:grid-cols-4 lg:grid-cols-5 w-full"
+ v-if="showSearchedItems"
+ >
+ <div
+ class="cardContainer"
+ id="item"
+ v-for="item in searchedItems"
+ :key="item"
+ >
+ <div class="w-full">
+ <ItemCard
+ id="ItemCardSearch"
+ class="ItemCard w-full h-full"
+ :item="item"
+ />
+ </div>
<!-- Dropdown menu with options for editing an item and deleting an item -->
<TripleDotButton class="DotButton" @click="openDotMenu(item)" />
--
GitLab