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 { TTOCItem } from "@/types/toc.type";
import Link from "next/link";
import { FaHeading } from "react-icons/fa";
export const DrawerTOC = (props: { data: TTOCItem[] }) => {
const isTOCOpen = useDrawerTOCState((state) => state.isOpen);
@@ -11,9 +10,11 @@ export const DrawerTOC = (props: { data: TTOCItem[] }) => {
<Sheet open={isTOCOpen} onOpenChange={setIsTOCOpen}>
<SheetTrigger
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>
<SheetContent side={"left"}>
<SheetHeader>