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 UI change

This commit is contained in:
daniel31x13 2023-10-31 05:39:05 -04:00
parent dbeefecec6
commit 417c16d08b
4 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
components/LinkSidebar.tsx
View File

@ -69,7 +69,7 @@ export default function SettingsSidebar({ className, onClick }: Props) {
: undefined; : undefined;
onClick && onClick(); onClick && onClick();
}} }}
className={`hover:opacity-50 duration-100 py-2 px-2 cursor-pointer flex items-center gap-4 w-full rounded-md h-8`} className={`hover:opacity-60 duration-100 py-2 px-2 cursor-pointer flex items-center gap-4 w-full rounded-md h-8`}
> >
<FontAwesomeIcon <FontAwesomeIcon
icon={faPen} icon={faPen}
@ -95,7 +95,7 @@ export default function SettingsSidebar({ className, onClick }: Props) {
onClick && onClick(); onClick && onClick();
}} }}
title="Preserved Formats" title="Preserved Formats"
className={`hover:opacity-50 duration-100 py-2 px-2 cursor-pointer flex items-center gap-4 w-full rounded-md h-8`} className={`hover:opacity-60 duration-100 py-2 px-2 cursor-pointer flex items-center gap-4 w-full rounded-md h-8`}
> >
<FontAwesomeIcon <FontAwesomeIcon
icon={faBoxesStacked} icon={faBoxesStacked}
@ -120,7 +120,7 @@ export default function SettingsSidebar({ className, onClick }: Props) {
} }
}} }}
title="Delete" title="Delete"
className={`hover:opacity-50 duration-100 py-2 px-2 cursor-pointer flex items-center gap-4 w-full rounded-md h-8`} className={`hover:opacity-60 duration-100 py-2 px-2 cursor-pointer flex items-center gap-4 w-full rounded-md h-8`}
> >
<FontAwesomeIcon <FontAwesomeIcon
icon={faTrashCan} icon={faTrashCan}

10
components/Modal/Link/PreservedFormats.tsx
View File

@ -92,7 +92,7 @@ export default function PreservedFormats() {
<div className="flex text-black dark:text-white gap-1"> <div className="flex text-black dark:text-white gap-1">
<div <div
onClick={() => handleDownload("png")} onClick={() => handleDownload("png")}
className="cursor-pointer hover:opacity-50 duration-100 p-2 rounded-md" className="cursor-pointer hover:opacity-60 duration-100 p-2 rounded-md"
> >
<FontAwesomeIcon <FontAwesomeIcon
icon={faCloudArrowDown} icon={faCloudArrowDown}
@ -103,7 +103,7 @@ export default function PreservedFormats() {
<Link <Link
href={`/api/v1/archives/${link.collectionId}/${link.id}.png`} href={`/api/v1/archives/${link.collectionId}/${link.id}.png`}
target="_blank" target="_blank"
className="cursor-pointer hover:opacity-50 duration-100 p-2 rounded-md" className="cursor-pointer hover:opacity-60 duration-100 p-2 rounded-md"
> >
<FontAwesomeIcon <FontAwesomeIcon
icon={faArrowUpRightFromSquare} icon={faArrowUpRightFromSquare}
@ -127,7 +127,7 @@ export default function PreservedFormats() {
<div className="flex text-black dark:text-white gap-1"> <div className="flex text-black dark:text-white gap-1">
<div <div
onClick={() => handleDownload("pdf")} onClick={() => handleDownload("pdf")}
className="cursor-pointer hover:opacity-50 duration-100 p-2 rounded-md" className="cursor-pointer hover:opacity-60 duration-100 p-2 rounded-md"
> >
<FontAwesomeIcon <FontAwesomeIcon
icon={faCloudArrowDown} icon={faCloudArrowDown}
@ -138,7 +138,7 @@ export default function PreservedFormats() {
<Link <Link
href={`/api/v1/archives/${link.collectionId}/${link.id}.pdf`} href={`/api/v1/archives/${link.collectionId}/${link.id}.pdf`}
target="_blank" target="_blank"
className="cursor-pointer hover:opacity-50 duration-100 p-2 rounded-md" className="cursor-pointer hover:opacity-60 duration-100 p-2 rounded-md"
> >
<FontAwesomeIcon <FontAwesomeIcon
icon={faArrowUpRightFromSquare} icon={faArrowUpRightFromSquare}
@ -165,7 +165,7 @@ export default function PreservedFormats() {
"" ""
)}`} )}`}
target="_blank" target="_blank"
className="sm:mt-3 text-gray-500 dark:text-gray-300 duration-100 hover:opacity-50 flex gap-2 w-fit items-center text-sm" className="sm:mt-3 text-gray-500 dark:text-gray-300 duration-100 hover:opacity-60 flex gap-2 w-fit items-center text-sm"
> >
<FontAwesomeIcon <FontAwesomeIcon
icon={faArrowUpRightFromSquare} icon={faArrowUpRightFromSquare}

2
layouts/LinkLayout.tsx
View File

@ -60,7 +60,7 @@ export default function LinkLayout({ children }: Props) {
<div <div
onClick={() => router.back()} onClick={() => router.back()}
className="inline-flex gap-1 lg:hover:opacity-50 items-center select-none cursor-pointer p-2 lg:p-0 lg:px-1 lg:my-2 text-gray-500 dark:text-gray-300 rounded-md duration-100 hover:bg-slate-200 dark:hover:bg-neutral-700 lg:hover:bg-transparent lg:dark:hover:bg-transparent" className="inline-flex gap-1 lg:hover:opacity-60 items-center select-none cursor-pointer p-2 lg:p-0 lg:px-1 lg:my-2 text-gray-500 dark:text-gray-300 rounded-md duration-100 hover:bg-slate-200 dark:hover:bg-neutral-700 lg:hover:bg-transparent lg:dark:hover:bg-transparent"
> >
<FontAwesomeIcon icon={faChevronLeft} className="w-4 h-4" /> <FontAwesomeIcon icon={faChevronLeft} className="w-4 h-4" />
Back Back

2
pages/links/[id].tsx
View File

@ -191,7 +191,7 @@ export default function Index() {
<Link <Link
href={link?.url || ""} href={link?.url || ""}
target="_blank" target="_blank"
className="hover:underline break-all" className="hover:opacity-60 duration-100 break-all"
> >
{isValidUrl(link?.url || "") {isValidUrl(link?.url || "")
? new URL(link?.url as string).host ? new URL(link?.url as string).host