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

added tags and description directly inside masonry view

This commit is contained in:
daniel31x13 2024-04-27 11:03:08 -04:00
parent eb8eb74a32
commit 6f4759d928
1 changed files with 26 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
components/LinkViews/LinkMasonry.tsx
View File

@ -160,14 +160,35 @@ export default function LinkMasonry({ link, flipDropdown, editMode }: Props) {
<hr className="divider my-0 last:hidden border-t border-neutral-content h-[1px]" /> <hr className="divider my-0 last:hidden border-t border-neutral-content h-[1px]" />
)} )}
<div className="p-3 mt-1"> <div className="p-3 mt-1 flex flex-col gap-2">
<p className="truncate w-full pr-8 text-primary"> <div className="w-full pr-8">
{unescapeString(link.name || link.description) || link.url} <p className="text-primary">{unescapeString(link.name)}</p>
</p>
<LinkTypeBadge link={link} /> <LinkTypeBadge link={link} />
</div> </div>
{link.description && (
<p className="text-sm">{unescapeString(link.description)}</p>
)}
{link.tags[0] && (
<div className="flex gap-1 items-center flex-wrap">
{link.tags.map((e, i) => (
<Link
href={"/tags/" + e.id}
key={i}
onClick={(e) => {
e.stopPropagation();
}}
className="btn btn-xs btn-ghost truncate max-w-[19rem]"
>
#{e.name}
</Link>
))}
</div>
)}
</div>
<hr className="divider mt-2 mb-1 last:hidden border-t border-neutral-content h-[1px]" /> <hr className="divider mt-2 mb-1 last:hidden border-t border-neutral-content h-[1px]" />
<div className="flex justify-between text-xs text-neutral px-3 pb-1"> <div className="flex justify-between text-xs text-neutral px-3 pb-1">