refac: styling

This commit is contained in:
Timothy Jaeryang Baek 2025-03-25 00:10:09 -07:00
parent 57d1527ce1
commit 0192b4b468

View File

@ -476,7 +476,7 @@
<div class="flex flex-col"> <div class="flex flex-col">
{#if $mobile && (item?.model?.tags ?? []).length > 0} {#if $mobile && (item?.model?.tags ?? []).length > 0}
<div class="flex gap-0.5 self-start h-full mb-1.5 -translate-x-1"> <div class="flex gap-0.5 self-start h-full mb-1.5 -translate-x-1">
{#each item.model?.tags as tag} {#each item.model?.tags.sort((a, b) => a.name.localeCompare(b.name)) as tag}
<div <div
class=" text-xs font-bold px-1 rounded-sm uppercase line-clamp-1 bg-gray-500/20 text-gray-700 dark:text-gray-200" class=" text-xs font-bold px-1 rounded-sm uppercase line-clamp-1 bg-gray-500/20 text-gray-700 dark:text-gray-200"
> >
@ -498,7 +498,10 @@
alt="Model" alt="Model"
class="rounded-full size-5 flex items-center mr-2" class="rounded-full size-5 flex items-center mr-2"
/> />
{item.label}
<div class="line-clamp-1">
{item.label}
</div>
</Tooltip> </Tooltip>
</div> </div>
</div> </div>