From 7ba1aabc09347d9be492e3837ce3d5e362abd3e3 Mon Sep 17 00:00:00 2001
From: Ajay Bura <ajbura@gmail.com>
Date: Tue, 14 Sep 2021 08:33:17 +0530
Subject: [PATCH] Fixed scroll issue on login screen

---
 src/app/templates/auth/Auth.jsx | 23 +++++++++++++----------
 1 file changed, 13 insertions(+), 10 deletions(-)

diff --git a/src/app/templates/auth/Auth.jsx b/src/app/templates/auth/Auth.jsx
index 74c4fd1d..09202ef5 100644
--- a/src/app/templates/auth/Auth.jsx
+++ b/src/app/templates/auth/Auth.jsx
@@ -10,6 +10,7 @@ import Text from '../../atoms/text/Text';
 import Button from '../../atoms/button/Button';
 import Input from '../../atoms/input/Input';
 import Spinner from '../../atoms/spinner/Spinner';
+import ScrollView from '../../atoms/scroll/ScrollView';
 
 import CinnySvg from '../../../../public/res/svg/cinny.svg';
 
@@ -266,20 +267,22 @@ Auth.propTypes = {
 
 function StaticWrapper({ children }) {
   return (
-    <div className="auth__wrapper flex--center">
-      <div className="auth-card">
-        <div className="auth-card__interactive flex-v">
-          <div className="app-ident flex">
-            <img className="app-ident__logo noselect" src={CinnySvg} alt="Cinny logo" />
-            <div className="app-ident__text flex-v--center">
-              <Text variant="h2">Cinny</Text>
-              <Text variant="b2">Yet another matrix client</Text>
+    <ScrollView invisible>
+      <div className="auth__wrapper flex--center">
+        <div className="auth-card">
+          <div className="auth-card__interactive flex-v">
+            <div className="app-ident flex">
+              <img className="app-ident__logo noselect" src={CinnySvg} alt="Cinny logo" />
+              <div className="app-ident__text flex-v--center">
+                <Text variant="h2">Cinny</Text>
+                <Text variant="b2">Yet another matrix client</Text>
+              </div>
             </div>
+            { children }
           </div>
-          { children }
         </div>
       </div>
-    </div>
+    </ScrollView>
   );
 }