benny/wishlist-app
1
0
Fork 0
mirror of https://github.com/ThisIsBenny/wishlist-app.git synced 2025-04-19 15:27: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:23:17 +01:00
parent e0c78f0597
commit f9147e9751
1 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/views/DetailView.vue
View file

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