From 0922f557bb0d84444fe260725c46cf4b1ef6cef5 Mon Sep 17 00:00:00 2001
From: Huang Xin <chrox.huang@gmail.com>
Date: Sat, 8 Mar 2025 17:03:00 +0800
Subject: [PATCH] fix: make the height of the drag handle in dialog stable
 (#530)

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

diff --git a/apps/readest-app/src/app/reader/components/settings/MiscPanel.tsx b/apps/readest-app/src/app/reader/components/settings/MiscPanel.tsx
index 1c25b094..5ab67763 100644
--- a/apps/readest-app/src/app/reader/components/settings/MiscPanel.tsx
+++ b/apps/readest-app/src/app/reader/components/settings/MiscPanel.tsx
@@ -106,7 +106,7 @@ const MiscPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
       <div className='w-full'>
         <h2 className='mb-2 font-medium'>{_('Animation')}</h2>
         <div className='card border-base-200 bg-base-100 border shadow'>
-          <div className='divide-y'>
+          <div className='divide-base-200 divide-y'>
             <div className='config-item config-item-top config-item-bottom'>
               <span className=''>{_('Paging Animation')}</span>
               <input
@@ -123,7 +123,7 @@ const MiscPanel: React.FC<{ bookKey: string }> = ({ bookKey }) => {
       <div className='w-full'>
         <h2 className='mb-2 font-medium'>{_('Behavior')}</h2>
         <div className='card border-base-200 bg-base-100 border shadow'>
-          <div className='divide-y'>
+          <div className='divide-base-200 divide-y'>
             <div className='config-item config-item-top'>
               <span className=''>{_('Continuous Scroll')}</span>
               <input
diff --git a/apps/readest-app/src/components/Dialog.tsx b/apps/readest-app/src/components/Dialog.tsx
index 71392264..662e059e 100644
--- a/apps/readest-app/src/components/Dialog.tsx
+++ b/apps/readest-app/src/components/Dialog.tsx
@@ -120,7 +120,7 @@ const Dialog: React.FC<DialogProps> = ({
       >
         {window.innerWidth < 640 && (
           <div
-            className='drag-handle flex h-10 w-full cursor-row-resize items-center justify-center'
+            className='drag-handle flex h-10 max-h-10 min-h-10 w-full cursor-row-resize items-center justify-center'
             onMouseDown={handleDragStart}
             onTouchStart={handleDragStart}
           >