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

fix fixed-toc style

Browse Source
This commit is contained in:
PrinOrange
2024-01-04 11:03:38 +08:00
parent 19a97b8acf
commit 02121a4daa
1 changed files with 2 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
components/readerpage/TOC.tsx
View File

@@ -3,9 +3,8 @@ import Link from "next/link";
export const TOC = (props: { data: TTOCItem[] }) => { export const TOC = (props: { data: TTOCItem[] }) => {
return ( return (
<div className="sticky top-[5em] mx-5 p-2 rounded-md border-2"> <div className="sticky top-[5em] mx-5 p-2 border-l border-dashed border-gray-500">
<div className="p-2 text-center font-bold">{"TABLE OF CONTENTS"}</div> <div className="p-2 font-bold border-b border-gray-500">{"TABLE OF CONTENTS"}</div>
<hr />
<ul className="flat-scrollbar my-1 px-1 h-[60vh] overflow-y-auto"> <ul className="flat-scrollbar my-1 px-1 h-[60vh] overflow-y-auto">
{props.data?.map((item) => ( {props.data?.map((item) => (
<Link className="hover:text-sky-500" href={`#${item.anchorId}`} key={`toc-${item.anchorId}`}> <Link className="hover:text-sky-500" href={`#${item.anchorId}`} key={`toc-${item.anchorId}`}>