From 846ddd868c629e683a1cee726ae27ab5385c4ef1 Mon Sep 17 00:00:00 2001
From: ZXY101 <tennershaun@gmail.com>
Date: Fri, 22 Sep 2023 11:11:27 +0200
Subject: [PATCH] Mobile adjustments

---
 src/lib/components/Reader/Reader.svelte | 4 ++--
 src/lib/components/Settings.svelte      | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/Reader/Reader.svelte b/src/lib/components/Reader/Reader.svelte
index e46c0ab..7fc7e25 100644
--- a/src/lib/components/Reader/Reader.svelte
+++ b/src/lib/components/Reader/Reader.svelte
@@ -112,11 +112,11 @@
   <button
     on:mousedown={mouseDown}
     on:mouseup={left}
-    class="left-0 top-0 absolute h-full w-[50px] hover:bg-slate-400 opacity-[0.01]"
+    class="left-0 top-0 absolute h-full w-10 hover:bg-slate-400 opacity-[0.01]"
   />
   <button
     on:mousedown={mouseDown}
     on:mouseup={right}
-    class="right-0 top-0 absolute h-full w-[50px] hover:bg-slate-400 opacity-[0.01]"
+    class="right-0 top-0 absolute h-full w-10 hover:bg-slate-400 opacity-[0.01]"
   />
 {/if}
diff --git a/src/lib/components/Settings.svelte b/src/lib/components/Settings.svelte
index 34f0a50..2cf84d1 100644
--- a/src/lib/components/Settings.svelte
+++ b/src/lib/components/Settings.svelte
@@ -87,7 +87,7 @@
       <Label>On page zoom:</Label>
       <Select
         items={zoomModes}
-        bind:value={zoomModeValue}
+        value={zoomModeValue}
         on:change={(e) => onSelectChange(e, 'zoomDefault')}
       />
     </div>
@@ -100,7 +100,7 @@
       <Label>Fontsize:</Label>
       <Select
         items={fontSizes}
-        bind:value={fontSizeValue}
+        value={fontSizeValue}
         on:change={(e) => onSelectChange(e, 'fontSize')}
       />
     </div>