mirrors/homebox
1
0
Fork 1
mirror of https://github.com/hay-kot/homebox.git synced 2025-07-20 09:30:29 +00:00
Code Issues Projects Releases Packages Wiki Activity

UI updates for item card

Browse source
This commit is contained in:
Hayden 2022-12-30 22:06:45 -09:00
parent 149f16a600
commit d26118a515
No known key found for this signature in database
GPG key ID: 17CF79474E257545
7 changed files with 126 additions and 101 deletions
Download patch file Download diff file Expand all files Collapse all files

2
frontend/pages/items.vue
View file

@ -158,7 +158,7 @@
</BaseCard>
<section class="mt-10">
<BaseSectionHeader class="mb-5"> Items </BaseSectionHeader>
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
<TransitionGroup name="list">
<ItemCard v-for="item in results" :key="item.id" :item="item" />
</TransitionGroup>

2
frontend/pages/label/[id].vue
View file

@ -157,7 +157,7 @@
<section v-if="label">
<BaseSectionHeader class="mb-5"> Items </BaseSectionHeader>
<div class="grid gap-2 grid-cols-1 sm:grid-cols-2">
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
<ItemCard v-for="item in label.items" :key="item.id" :item="item" />
</div>
</section>

2
frontend/pages/location/[id].vue
View file

@ -180,7 +180,7 @@
<section v-if="location && location.items.length > 0">
<BaseSectionHeader class="mb-5"> Items </BaseSectionHeader>
<div class="grid gap-2 grid-cols-1 sm:grid-cols-2">
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-4">
<ItemCard v-for="item in location.items" :key="item.id" :item="item" />
</div>
</section>