benny/wishlist-app
1
0
Fork 0
mirror of https://github.com/ThisIsBenny/wishlist-app.git synced 2025-06-07 05:57:41 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix styles

Browse source 
Signed-off-by: Benny Samir Hierl <bennysamir@posteo.de>
This commit is contained in:
Benny Samir Hierl 2022-02-20 12:09:25 +01:00
parent 6a07188a4a
commit 7bf6c89cb4
2 changed files with 12 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/FormWishlistItem.vue
View file

@ -1,6 +1,6 @@
<template>
<div
class="flex h-fit flex-col space-x-0 overflow-hidden rounded-md border-2 border-stone-200 dark:border-stone-700 sm:flex-row sm:space-x-2"
class="flex h-fit flex-col space-x-0 space-y-6 overflow-hidden sm:flex-row sm:space-x-2 sm:space-y-0"
>
<ImagePreview
class="max-h-44 flex-shrink-0 flex-grow-0 object-cover sm:w-1/4"

14
src/views/DetailView.vue
View file

@ -145,9 +145,17 @@ const handleDeleteItem = async (item: WishlistItemType): Promise<void> => {
</div>
</div>
<div v-else class="flex flex-col space-y-14 py-10 md:space-y-8">
<FormWishlistItem v-if="editModeIsActive" @create="handleCreateItem" />
<div v-for="item in filteredItems" :key="item.id">
<div
v-else
class="flex flex-col py-10"
:class="{ 'divide-y-2': editModeIsActive }"
>
<FormWishlistItem
v-if="editModeIsActive"
@create="handleCreateItem"
class="py-8 md:py-14"
/>
<div v-for="item in filteredItems" :key="item.id" class="py-8 md:py-14">
<WishlistItem
v-if="!editModeIsActive"
:item="item"