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

update readable view icons

This commit is contained in:
Yee Jia Wei 2023-12-17 17:08:20 +08:00
parent 15c6213840
commit de13a109c6
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
components/ReadableView.tsx
View File

@ -6,8 +6,6 @@ import {
ArchivedFormat, ArchivedFormat,
LinkIncludingShortenedCollectionAndTags, LinkIncludingShortenedCollectionAndTags,
} from "@/types/global"; } from "@/types/global";
import { faFolder, faLink } from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import ColorThief, { RGBColor } from "colorthief"; import ColorThief, { RGBColor } from "colorthief";
import DOMPurify from "dompurify"; import DOMPurify from "dompurify";
import Image from "next/image"; import Image from "next/image";
@ -174,7 +172,9 @@ export default function ReadableView({ link }: Props) {
target="_blank" target="_blank"
className="hover:opacity-60 duration-100 break-all text-sm flex items-center gap-1 text-neutral w-fit" className="hover:opacity-60 duration-100 break-all text-sm flex items-center gap-1 text-neutral w-fit"
> >
<FontAwesomeIcon icon={faLink} className="w-4 h-4" /> <i
className="bi-link-45deg"
></i>
{isValidUrl(link?.url || "") {isValidUrl(link?.url || "")
? new URL(link?.url as string).host ? new URL(link?.url as string).host
@ -189,11 +189,10 @@ export default function ReadableView({ link }: Props) {
href={`/collections/${link?.collection.id}`} href={`/collections/${link?.collection.id}`}
className="flex items-center gap-1 cursor-pointer hover:opacity-60 duration-100 mr-2 z-10" className="flex items-center gap-1 cursor-pointer hover:opacity-60 duration-100 mr-2 z-10"
> >
<FontAwesomeIcon <i
icon={faFolder} className="bi-folder2 drop-shadow text-2xl"
className="w-5 h-5 drop-shadow"
style={{ color: link?.collection.color }} style={{ color: link?.collection.color }}
/> ></i>
<p <p
title={link?.collection.name} title={link?.collection.name}
className="text-lg truncate max-w-[12rem]" className="text-lg truncate max-w-[12rem]"