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

View File

@ -69,7 +69,7 @@ export default function SettingsSidebar({ className, onClick }: Props) {
: undefined;
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
icon={faPen}
@ -95,7 +95,7 @@ export default function SettingsSidebar({ className, onClick }: Props) {
onClick && onClick();
}}
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
icon={faBoxesStacked}
@ -120,7 +120,7 @@ export default function SettingsSidebar({ className, onClick }: Props) {
}
}}
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
icon={faTrashCan}

View File

@ -92,7 +92,7 @@ export default function PreservedFormats() {
<div className="flex text-black dark:text-white gap-1">
<div
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
icon={faCloudArrowDown}
@ -103,7 +103,7 @@ export default function PreservedFormats() {
<Link
href={`/api/v1/archives/${link.collectionId}/${link.id}.png`}
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
icon={faArrowUpRightFromSquare}
@ -127,7 +127,7 @@ export default function PreservedFormats() {
<div className="flex text-black dark:text-white gap-1">
<div
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
icon={faCloudArrowDown}
@ -138,7 +138,7 @@ export default function PreservedFormats() {
<Link
href={`/api/v1/archives/${link.collectionId}/${link.id}.pdf`}
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
icon={faArrowUpRightFromSquare}
@ -165,7 +165,7 @@ export default function PreservedFormats() {
""
)}`}
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
icon={faArrowUpRightFromSquare}

View File

@ -60,7 +60,7 @@ export default function LinkLayout({ children }: Props) {
<div
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" />
Back

View File

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