minor fix
This commit is contained in:
parent
f5e7e373a8
commit
4d691e0cce
|
@ -62,7 +62,7 @@ export default function LinkCard({ link, count, className }: Props) {
|
||||||
className="flex flex-col justify-between cursor-pointer h-full w-full gap-1 p-3"
|
className="flex flex-col justify-between cursor-pointer h-full w-full gap-1 p-3"
|
||||||
>
|
>
|
||||||
<div className="absolute bottom-3 right-3">
|
<div className="absolute bottom-3 right-3">
|
||||||
<LinkIcon link={link} />
|
<LinkIcon link={link} className="w-12" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="flex items-baseline gap-1">
|
<div className="flex items-baseline gap-1">
|
||||||
|
|
|
@ -53,7 +53,7 @@ export default function LinkCardGrid({ link, count, className }: Props) {
|
||||||
className="flex items-center cursor-pointer p-3"
|
className="flex items-center cursor-pointer p-3"
|
||||||
>
|
>
|
||||||
<div className="shrink-0">
|
<div className="shrink-0">
|
||||||
<LinkIcon link={link} />
|
<LinkIcon link={link} className="w-12" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="w-[calc(100%-56px)] ml-2">
|
<div className="w-[calc(100%-56px)] ml-2">
|
||||||
|
|
|
@ -6,14 +6,18 @@ import isValidUrl from "@/lib/shared/isValidUrl";
|
||||||
|
|
||||||
export default function LinkIcon({
|
export default function LinkIcon({
|
||||||
link,
|
link,
|
||||||
|
className,
|
||||||
}: {
|
}: {
|
||||||
link: LinkIncludingShortenedCollectionAndTags;
|
link: LinkIncludingShortenedCollectionAndTags;
|
||||||
|
className?: string;
|
||||||
}) {
|
}) {
|
||||||
const url =
|
const url =
|
||||||
isValidUrl(link.url || "") && link.url ? new URL(link.url) : undefined;
|
isValidUrl(link.url || "") && link.url ? new URL(link.url) : undefined;
|
||||||
|
|
||||||
const iconClasses: string =
|
const iconClasses: string =
|
||||||
"w-12 bg-white text-primary shadow rounded-md p-1 select-none z-10";
|
"bg-white text-primary shadow rounded-md border-[2px] border-white select-none z-10" +
|
||||||
|
" " +
|
||||||
|
className || "";
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
|
|
|
@ -53,7 +53,7 @@ export default function LinkCardCompact({ link, count, className }: Props) {
|
||||||
className="flex items-center cursor-pointer p-3"
|
className="flex items-center cursor-pointer p-3"
|
||||||
>
|
>
|
||||||
<div className="shrink-0">
|
<div className="shrink-0">
|
||||||
<LinkIcon link={link} />
|
<LinkIcon link={link} className="sm:w-12 w-8" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="w-[calc(100%-56px)] ml-2">
|
<div className="w-[calc(100%-56px)] ml-2">
|
||||||
|
|
Ŝarĝante…
Reference in New Issue