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

8
components/LinkCard.tsx
View File

@ -124,7 +124,7 @@ export default function LinkCard({ link, count, className }: Props) {
return (
<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 || ""
}`}
>
@ -219,7 +219,7 @@ export default function LinkCard({ link, count, className }: Props) {
alt=""
className={`${
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"
onError={(e) => {
const target = e.target as HTMLElement;
@ -261,13 +261,13 @@ export default function LinkCard({ link, count, className }: Props) {
onClick={(e) => {
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}
</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 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} */}