From 89ca673b2d90dc967628645fab315daf75957db8 Mon Sep 17 00:00:00 2001
From: ZXY101 <tennershaun@gmail.com>
Date: Fri, 29 Sep 2023 12:01:43 +0200
Subject: [PATCH] Page popover styling

---
 src/lib/components/Reader/Reader.svelte | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/Reader/Reader.svelte b/src/lib/components/Reader/Reader.svelte
index 6d08dbc..341d754 100644
--- a/src/lib/components/Reader/Reader.svelte
+++ b/src/lib/components/Reader/Reader.svelte
@@ -190,7 +190,7 @@
 <SettingsButton />
 {#if volume && pages}
   <Cropper />
-  <Popover placement="bottom" trigger="click" triggeredBy="#page-num" class="z-20 w-full">
+  <Popover placement="bottom" trigger="click" triggeredBy="#page-num" class="z-20 w-full max-w-xs">
     <div class="flex flex-col gap-3">
       <div class="flex flex-row items-center gap-5 z-10">
         <ChervonDoubleLeftSolid
@@ -221,7 +221,16 @@
           size="sm"
         />
       </div>
-      <Range min={1} max={pages.length} bind:value={manualPage} on:change={onManualPageChange} />
+      <div style:direction={$settings.rightToLeft ? 'rtl' : 'ltr'}>
+        <Range
+          min={1}
+          max={pages.length}
+          bind:value={manualPage}
+          on:change={onManualPageChange}
+          cla
+          defaultClass=""
+        />
+      </div>
     </div>
   </Popover>
   <button class="absolute opacity-50 left-5 top-5 z-10 mix-blend-difference" id="page-num">