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

minor improvement to link cards

This commit is contained in:
daniel31x13 2023-12-02 12:48:34 -05:00
parent 17721c91b6
commit e2a5f36008
1 changed files with 19 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
components/LinkCard.tsx
View File

@ -124,7 +124,7 @@ export default function LinkCard({ link, count, className }: Props) {
return ( return (
<div <div
className={`h-fit border border-solid border-neutral-content bg-base-200 shadow hover:shadow-none duration-100 rounded-2xl relative group ${ className={`h-fit border border-solid border-neutral-content bg-base-200 shadow-md hover:shadow-none duration-100 rounded-2xl relative ${
className || "" className || ""
}`} }`}
> >
@ -219,7 +219,7 @@ export default function LinkCard({ link, count, className }: Props) {
alt="" alt=""
className={`${ className={`${
account.blurredFavicons ? "blur-sm " : "" account.blurredFavicons ? "blur-sm " : ""
}absolute w-16 group-hover:opacity-80 duration-100 rounded-2xl bottom-5 right-5 opacity-60 select-none z-10`} } absolute w-10 duration-100 rounded-2xl bottom-5 right-5 select-none z-10`}
draggable="false" draggable="false"
onError={(e) => { onError={(e) => {
const target = e.target as HTMLElement; const target = e.target as HTMLElement;
@ -252,24 +252,24 @@ export default function LinkCard({ link, count, className }: Props) {
</Link> </Link>
{/* {link.tags[0] ? ( {/* {link.tags[0] ? (
<div className="flex gap-3 items-center flex-wrap my-2 truncate relative"> <div className="flex gap-3 items-center flex-wrap my-2 truncate relative">
<div className="flex gap-1 items-center flex-nowrap"> <div className="flex gap-1 items-center flex-nowrap">
{link.tags.map((e, i) => ( {link.tags.map((e, i) => (
<Link <Link
href={"/tags/" + e.id} href={"/tags/" + e.id}
key={i} key={i}
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
}} }}
className="px-2 bg-sky-200 dark:bg-sky-900 text-xs rounded-3xl cursor-pointer hover:opacity-60 duration-100 truncate max-w-[19rem]" className="btn btn-xs btn-outline truncate max-w-[19rem]"
> >
{e.name} {e.name}
</Link> </Link>
))} ))}
</div>
<div className="absolute w-1/2 top-0 bottom-0 right-0 bg-gradient-to-r from-transparent dark:to-base-200 to-35%"></div>
</div> </div>
) : undefined} */} <div className="absolute w-1/2 top-0 bottom-0 right-0 bg-gradient-to-r from-transparent to-base-200 to-35%"></div>
</div>
) : undefined} */}
<Link <Link
href={link.url} href={link.url}