refac: styling

This commit is contained in:
Timothy Jaeryang Baek 2025-07-14 20:08:49 +04:00
parent 8f5d23ec37
commit 288fba874e
2 changed files with 9 additions and 7 deletions

View file

@ -211,11 +211,11 @@
{:else} {:else}
<div> <div>
<div class=" flex items-center gap-3 justify-between text-xs uppercase px-1 font-bold"> <div class=" flex items-center gap-3 justify-between text-xs uppercase px-1 font-bold">
<div class="w-full">Group</div> <div class="w-full basis-3/5">Group</div>
<div class="w-full">Users</div> <div class="w-full basis-1/5">Users</div>
<div class="w-full"></div> <div class="w-full basis-1/5"></div>
</div> </div>
<hr class="mt-1.5 border-gray-100 dark:border-gray-850" /> <hr class="mt-1.5 border-gray-100 dark:border-gray-850" />

View file

@ -61,14 +61,16 @@
showEdit = true; showEdit = true;
}} }}
> >
<div class="flex items-center gap-1.5 w-full font-medium"> <div class="flex items-center gap-1.5 w-full font-medium basis-3/5">
<div> <div>
<UserCircleSolid className="size-4" /> <UserCircleSolid className="size-4" />
</div> </div>
{group.name} <div class="line-clamp-1">
{group.name}
</div>
</div> </div>
<div class="flex items-center gap-1.5 w-full font-medium"> <div class="flex items-center gap-1.5 w-full font-medium basis-1/5">
{group.user_ids.length} {group.user_ids.length}
<div> <div>
@ -76,7 +78,7 @@
</div> </div>
</div> </div>
<div class="w-full flex justify-end"> <div class="w-full flex justify-end basis-1/5">
<div class=" rounded-lg p-1 hover:bg-gray-100 dark:hover:bg-gray-850 transition"> <div class=" rounded-lg p-1 hover:bg-gray-100 dark:hover:bg-gray-850 transition">
<Pencil className="size-3.5" /> <Pencil className="size-3.5" />
</div> </div>