fix(layout): fix inconsistent background color for unpinned drag bars (#2186)

apps/readest-app/src/app/reader/components/notebook/Notebook.tsx

@@ -230,7 +230,10 @@ const Notebook: React.FC = ({}) => {
           }
         `}</style>
         <div
-          className='drag-bar bg-base-100 absolute -left-2 top-0 h-full w-0.5 cursor-col-resize p-2'
+          className={clsx(
+            'drag-bar bg-base-100 absolute -left-2 top-0 h-full w-0.5 cursor-col-resize p-2',
+            isNotebookPinned ? 'bg-base-100' : 'bg-transparent',
+          )}
           role='slider'
           tabIndex={0}
           aria-label={_('Resize Notebook')}

apps/readest-app/src/app/reader/components/sidebar/SideBar.tsx

@@ -294,6 +294,7 @@ const SideBar: React.FC<{
         <div
           className={clsx(
             'drag-bar bg-base-100 absolute -right-2 top-0 h-full w-0.5 cursor-col-resize p-1',
+            isSideBarPinned ? 'bg-base-100' : 'bg-transparent',
             isMobile && 'hidden',
           )}
           role='slider'