mirrors/homebox
1
0
Fork 1
mirror of https://github.com/hay-kot/homebox.git synced 2025-08-04 08:40:28 +00:00
Code Issues Projects Releases Packages Wiki Activity

update styles on item cards

Browse source
This commit is contained in:
Hayden 2023-01-21 20:59:56 -09:00
parent 52c806cd56
commit 0364e40a58
No known key found for this signature in database
GPG key ID: 17CF79474E257545
1 changed files with 6 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

16
frontend/components/Item/Card.vue
View file

@ -1,17 +1,13 @@
<template> <template>
<NuxtLink class="group card rounded-md" :to="`/item/${item.id}`"> <NuxtLink class="group card rounded-md" :to="`/item/${item.id}`">
<div class="rounded-t flex flex-col justify-center bg-neutral text-neutral-content p-5"> <div class="rounded-t flex flex-col justify-center bg-neutral text-neutral-content p-5">
<h2 class="text-base mb-2 last:mb-0 font-bold two-line">{{ item.name }}</h2> <h2 class="text-lg mb-1 last:mb-0 font-bold two-line">{{ item.name }}</h2>
<NuxtLink <div>
v-if="item.location" <NuxtLink v-if="item.location" class="text-sm hover:link" :to="`/location/${item.location.id}`">
class="inline-flex text-sm items-center hover:link"
:to="`/location/${item.location.id}`"
>
<Icon name="heroicons-map-pin" class="mr-1 h-4 w-4"></Icon>
<span>
{{ item.location.name }} {{ item.location.name }}
</span> </NuxtLink>
</NuxtLink> <span class="flex-1"></span>
</div>
</div> </div>
<div class="rounded-b p-4 pt-2 flex-grow col-span-4 flex flex-col gap-y-2 bg-base-100"> <div class="rounded-b p-4 pt-2 flex-grow col-span-4 flex flex-col gap-y-2 bg-base-100">
<div class="flex justify-between gap-2"> <div class="flex justify-between gap-2">