diff --git a/src/components/CommunityComponents/CommunityHome.vue b/src/components/CommunityComponents/CommunityHome.vue index 57ba73f12d40228d70bfc16a3effe1dcb28524fe..c653ab6fa6b920348c7a4dbd39eef6aff1244136 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 9a988f48e44e66bfc65d3f786e5c97ffa56cc91c..02a06fee3d26ce64f649f962b83b3958ad0a724a 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)" />