egutierrez/linkwarden
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update responsive

Browse Source
This commit is contained in:
Yee Jia Wei
2023-12-16 12:16:56 +08:00
parent 7c35fe409f
commit e0bb7ffa08
6 changed files with 134 additions and 229 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/LinkViews/LinkComponents/LinkIcon.tsx
+20 -25
View File
@@ -12,34 +12,29 @@ export default function LinkIcon({
const url =
isValidUrl(link.url || "") && link.url ? new URL(link.url) : undefined;
const iconClasses: string = "w-12 bg-primary/20 text-primary shadow rounded-md p-2 select-none z-10";
const iconClasses: string =
"w-12 bg-primary/20 text-primary shadow rounded-md p-2 select-none z-10";
return (
<div>
{link.url && url ? (
<Image
src={`https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=${link.url}&size=32`}
width={64}
height={64}
alt=""
className={iconClasses}
draggable="false"
onError={(e) => {
const target = e.target as HTMLElement;
target.style.display = "none";
}}
/>
) : link.type === "pdf" ? (
<FontAwesomeIcon
icon={faFilePdf}
className={iconClasses}
/>
) : link.type === "image" ? (
<FontAwesomeIcon
icon={faFileImage}
className={iconClasses}
/>
) : undefined}
{link.url && url ? (
<Image
src={`https://t2.gstatic.com/faviconV2?client=SOCIAL&type=FAVICON&fallback_opts=TYPE,SIZE,URL&url=${link.url}&size=32`}
width={64}
height={64}
alt=""
className={iconClasses}
draggable="false"
onError={(e) => {
const target = e.target as HTMLElement;
target.style.display = "none";
}}
/>
) : link.type === "pdf" ? (
<FontAwesomeIcon icon={faFilePdf} className={iconClasses} />
) : link.type === "image" ? (
<FontAwesomeIcon icon={faFileImage} className={iconClasses} />
) : undefined}
</div>
);
}