From 7c3e70b8dedf45ac30cb76c15ce98b768342f9d7 Mon Sep 17 00:00:00 2001
From: chrox <chrox.huang@gmail.com>
Date: Mon, 28 Oct 2024 14:46:17 +0100
Subject: [PATCH] Fix sidebar border line

---
 apps/readest-app/src/app/reader/components/SideBar.tsx | 4 ++--
 apps/readest-app/src/app/reader/components/TOCView.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/readest-app/src/app/reader/components/SideBar.tsx b/apps/readest-app/src/app/reader/components/SideBar.tsx
index fdc2330a..a10e0a90 100644
--- a/apps/readest-app/src/app/reader/components/SideBar.tsx
+++ b/apps/readest-app/src/app/reader/components/SideBar.tsx
@@ -112,14 +112,14 @@ const SideBar: React.FC<{
           <div className='border-b px-3'>
             <BookCard cover={book.coverImageUrl!} title={book.title} author={book.author} />
           </div>
-          <div className='sidebar-content overflow-y-auto border-b shadow-inner'>
+          <div className='sidebar-content overflow-y-auto shadow-inner'>
             {activeTab === 'toc' && bookDoc!.toc && (
               <TOCView toc={bookDoc!.toc} bookKey={bookKey} currentHref={currentHref} />
             )}
             {activeTab === 'bookmarks' && <div>Bookmarks</div>}
             {activeTab === 'annotations' && <div>Annotations</div>}
           </div>
-          <div className='bottom-tab absolute bottom-0 flex w-full'>
+          <div className='bottom-tab absolute bottom-0 flex w-full border-t'>
             <button
               className={`m-1.5 flex-1 rounded-md p-2 ${activeTab === 'toc' ? 'bg-base-300' : ''}`}
               onClick={() => setActiveTab('toc')}
diff --git a/apps/readest-app/src/app/reader/components/TOCView.tsx b/apps/readest-app/src/app/reader/components/TOCView.tsx
index 9d8ffa67..185a1db5 100644
--- a/apps/readest-app/src/app/reader/components/TOCView.tsx
+++ b/apps/readest-app/src/app/reader/components/TOCView.tsx
@@ -166,7 +166,7 @@ const TOCView: React.FC<{
 
   return (
     <div className='relative'>
-      <div className='max-h-[calc(100vh-173px)] overflow-y-auto rounded border'>
+      <div className='max-h-[calc(100vh-173px)] overflow-y-auto rounded'>
         <ul role='tree' ref={tocRef} className='overflow-y-auto px-2'>
           {toc &&
             toc.map((item) => (