usememos/memos
1
1
Fork 0
mirror of https://github.com/usememos/memos.git synced 2024-09-20 22:46:16 +08:00
Code Issues Packages Projects Releases Wiki Activity

chore: tweak link styles

Browse source
This commit is contained in:
Steven 2024-03-17 18:28:37 +08:00
parent 5dd1251d1e
commit cf207df672
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
web/src/components/MemoContent/Link.tsx
View file

@ -38,19 +38,23 @@ const Link: React.FC<Props> = ({ text, url }: Props) => {
<div className="w-full max-w-64 sm:max-w-96 p-1 flex flex-col">
<a href={url} target="_blank" rel="noopener noreferrer" className="group w-full flex flex-row justify-start items-center gap-1">
<img className="w-5 h-5 pointer-events-none" src={getFaviconWithGoogleS2(url)} alt={linkMetadata?.title} />
<h3 className="text-base truncate dark:opacity-90 group-hover:opacity-80">{linkMetadata?.title}</h3>
<h3 className="text-base truncate dark:opacity-90 group-hover:opacity-80 group-hover:underline">{linkMetadata?.title}</h3>
</a>
{linkMetadata.description && (
<p className="mt-1 w-full text-sm leading-snug opacity-80 line-clamp-2">{linkMetadata.description}</p>
<p className="mt-1 w-full text-sm leading-snug opacity-80 line-clamp-3">{linkMetadata.description}</p>
)}
</div>
}
arrow
>
<MLink href={url}>{url || text}</MLink>
<MLink underline="always" href={url}>
{url || text}
</MLink>
</Tooltip>
) : (
<MLink href={url}>{url || text}</MLink>
<MLink underline="always" href={url}>
{url || text}
</MLink>
);
};