From 6cf7e2a253a1ecf09f72135a738b8913d3a09884 Mon Sep 17 00:00:00 2001
From: dm1sh <me@dmitriy.icu>
Date: Sun, 18 Jul 2021 00:23:50 +0500
Subject: [PATCH] Fixed page touchable height

---
 src/pages/BookView/BookView.module.css | 4 ++++
 src/pages/BookView/index.tsx           | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/pages/BookView/BookView.module.css b/src/pages/BookView/BookView.module.css
index 7539f66..9ad4e1a 100644
--- a/src/pages/BookView/BookView.module.css
+++ b/src/pages/BookView/BookView.module.css
@@ -29,6 +29,10 @@
   margin: 0;
 }
 
+.page {
+  height: 100%;
+}
+
 img {
   max-height: 90%;
   max-width: 100%;
diff --git a/src/pages/BookView/index.tsx b/src/pages/BookView/index.tsx
index 380e4b8..d4e6c0b 100644
--- a/src/pages/BookView/index.tsx
+++ b/src/pages/BookView/index.tsx
@@ -63,7 +63,7 @@ export const BookView = ({ setLoading, loading }: IPageProps) => {
           />
           <div className={styles.content} ref={contentRef} />
           <div className={styles.pageContainer} ref={pageContainerRef}>
-            <div ref={pageRef} onClick={goNext} />
+            <div className={styles.page} ref={pageRef} onClick={goNext} />
           </div>
           <div
             className={`${styles.border} ${styles.rightBorder}`}