update tag page's icons

This commit is contained in:
Yee Jia Wei 2023-12-18 05:44:06 +08:00
parent 6632c0507b
commit a481903b50

View File

@ -1,12 +1,4 @@
import LinkCard from "@/components/LinkViews/LinkComponents/LinkCard";
import useLinkStore from "@/store/links"; import useLinkStore from "@/store/links";
import {
faCheck,
faEllipsis,
faHashtag,
faXmark,
} from "@fortawesome/free-solid-svg-icons";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { useRouter } from "next/router"; import { useRouter } from "next/router";
import { FormEvent, useEffect, useState } from "react"; import { FormEvent, useEffect, useState } from "react";
import MainLayout from "@/layouts/MainLayout"; import MainLayout from "@/layouts/MainLayout";
@ -116,11 +108,9 @@ export default function Index() {
<div className="p-5 flex flex-col gap-5 w-full"> <div className="p-5 flex flex-col gap-5 w-full">
<div className="flex gap-3 items-center justify-between"> <div className="flex gap-3 items-center justify-between">
<div className="flex gap-3 items-center"> <div className="flex gap-3 items-center">
<div className="flex gap-2 items-end font-thin"> <div className="flex gap-2 items-center font-thin">
<FontAwesomeIcon <i className={'bi-hash text-primary text-3xl'}/>
icon={faHashtag}
className="sm:w-8 sm:h-8 w-8 h-8 mt-2 text-primary"
/>
{renameTag ? ( {renameTag ? (
<> <>
<form onSubmit={submit} className="flex items-center gap-2"> <form onSubmit={submit} className="flex items-center gap-2">
@ -136,22 +126,14 @@ export default function Index() {
id="expand-dropdown" id="expand-dropdown"
className="btn btn-ghost btn-square btn-sm" className="btn btn-ghost btn-square btn-sm"
> >
<FontAwesomeIcon <i className={"bi-check text-neutral text-2xl"}></i>
icon={faCheck}
id="expand-dropdown"
className="w-5 h-5 text-neutral"
/>
</div> </div>
<div <div
onClick={() => cancelUpdateTag()} onClick={() => cancelUpdateTag()}
id="expand-dropdown" id="expand-dropdown"
className="btn btn-ghost btn-square btn-sm" className="btn btn-ghost btn-square btn-sm"
> >
<FontAwesomeIcon <i className={"bi-x text-neutral text-2xl"}></i>
icon={faXmark}
id="expand-dropdown"
className="w-5 h-5 text-neutral"
/>
</div> </div>
</form> </form>
</> </>
@ -173,11 +155,7 @@ export default function Index() {
role="button" role="button"
className="btn btn-ghost btn-sm btn-square text-neutral" className="btn btn-ghost btn-sm btn-square text-neutral"
> >
<FontAwesomeIcon <i className={"bi-three-dots text-neutral text-2xl"}></i>
icon={faEllipsis}
title="More"
className="w-5 h-5"
/>
</div> </div>
<ul className="dropdown-content z-[30] menu shadow bg-base-200 border border-neutral-content rounded-box w-36 mt-1"> <ul className="dropdown-content z-[30] menu shadow bg-base-200 border border-neutral-content rounded-box w-36 mt-1">
<li> <li>