From 02121a4daa189b72194490559657427038faeaa0 Mon Sep 17 00:00:00 2001
From: PrinOrange <prinorange@outlook.com>
Date: Thu, 4 Jan 2024 11:03:38 +0800
Subject: [PATCH] fix fixed-toc style

---
 components/readerpage/TOC.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

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