xwx.moe/el.xwx.moe
xwx.moe/ el.xwx.moe
1
0
Disbranĉigi 0
Fontkodo Issues Tirpetoj Actions Packages Projects Eldonoj Wiki Activity

fix reordering

This commit is contained in:
Isaac Wise 2024-02-22 02:27:14 -06:00
parent 7fd9f5b806
commit dbfdb587b6
1 changed files with 23 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
components/CollectionListing.tsx
View File

@ -186,29 +186,31 @@ const CollectionItem = ({
)} )}
</> </>
) : ( ) : (
<Link ref={innerRef} {...props} href={`/collections/${collection.id}`} className="w-full"> <div ref={innerRef} {...props}>
<div <Link href={`/collections/${collection.id}`} className="w-full">
className={`${active === `/collections/${collection.id}` <div
? "bg-primary/20" className={`${active === `/collections/${collection.id}`
: "hover:bg-neutral/20" ? "bg-primary/20"
} duration-100 py-1 px-2 cursor-pointer flex items-center gap-2 w-full rounded-md h-8 capitalize mb-1`} : "hover:bg-neutral/20"
> } duration-100 py-1 px-2 cursor-pointer flex items-center gap-2 w-full rounded-md h-8 capitalize mb-1`}
<i >
className="bi-folder-fill text-2xl drop-shadow"
style={{ color: collection.color }}
></i>
<p className="truncate w-full">{collection.name}</p>
{collection.isPublic ? (
<i <i
className="bi-globe2 text-sm text-black/50 dark:text-white/50 drop-shadow" className="bi-folder-fill text-2xl drop-shadow"
title="This collection is being shared publicly." style={{ color: collection.color }}
></i> ></i>
) : undefined} <p className="truncate w-full">{collection.name}</p>
<div className="drop-shadow text-neutral text-xs">
{collection._count?.links} {collection.isPublic ? (
<i
className="bi-globe2 text-sm text-black/50 dark:text-white/50 drop-shadow"
title="This collection is being shared publicly."
></i>
) : undefined}
<div className="drop-shadow text-neutral text-xs">
{collection._count?.links}
</div>
</div> </div>
</div> </Link>
</Link> </div>
); );
}; };