dev.2ha.me/lixiyu-net
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Simplify the style of toc button

Browse Source
This commit is contained in:
PrinOrange
2024-01-04 15:53:16 +08:00
parent cf89be6abb
commit acdc77260f
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
components/readerpage/DrawerTOC.tsx
View File

@@ -2,7 +2,6 @@ import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetTrigger } from "@/co
import useDrawerTOCState from "@/stores/useDrawerTOCState"; import useDrawerTOCState from "@/stores/useDrawerTOCState";
import { TTOCItem } from "@/types/toc.type"; import { TTOCItem } from "@/types/toc.type";
import Link from "next/link"; import Link from "next/link";
import { FaHeading } from "react-icons/fa";
export const DrawerTOC = (props: { data: TTOCItem[] }) => { export const DrawerTOC = (props: { data: TTOCItem[] }) => {
const isTOCOpen = useDrawerTOCState((state) => state.isOpen); const isTOCOpen = useDrawerTOCState((state) => state.isOpen);
@@ -11,9 +10,11 @@ export const DrawerTOC = (props: { data: TTOCItem[] }) => {
<Sheet open={isTOCOpen} onOpenChange={setIsTOCOpen}> <Sheet open={isTOCOpen} onOpenChange={setIsTOCOpen}>
<SheetTrigger <SheetTrigger
title="Open the table of contents" title="Open the table of contents"
className="bottom-7 right-4 fixed bg-white dark:bg-black border dark:border-gray-500 shadow-xl" className="bottom-7 right-4 fixed bg-white dark:bg-black border-gray-700 border dark:border-gray-500 shadow-xl"
> >
<FaHeading onClick={() => setIsTOCOpen(!isTOCOpen)} className="p-3 w-14 h-14" /> <div onClick={() => setIsTOCOpen(!isTOCOpen)} className="p-3 font-bold">
{"TOC"}
</div>
</SheetTrigger> </SheetTrigger>
<SheetContent side={"left"}> <SheetContent side={"left"}>
<SheetHeader> <SheetHeader>