Fix sidebar border line

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')}

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) => (