From e3d230ffcc344b9027b19a136525f105149f0982 Mon Sep 17 00:00:00 2001
From: ilyayudovin <ilyayudovin123@gmail.com>
Date: Sat, 29 Aug 2020 02:20:22 +0300
Subject: add fixed height for inputs to avoid jumping errorText

---
 src/containers/Registration/Registration.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

(limited to 'src/containers/Registration/Registration.tsx')

diff --git a/src/containers/Registration/Registration.tsx b/src/containers/Registration/Registration.tsx
index e7c8874..422cf92 100644
--- a/src/containers/Registration/Registration.tsx
+++ b/src/containers/Registration/Registration.tsx
@@ -40,6 +40,9 @@ const useStyles = makeStyles(theme => ({
     marginLeft: 10,
     color: 'green',
     cursor: 'pointer'
+  },
+  textField: {
+    height: 70
   }
 }));
 
@@ -132,6 +135,7 @@ const Registration: React.FC = () => {
           onBlur={handleUsernameChange}
           onInput={handleToLowerCase}
           onFocus={handleFocus('username')}
+          className={classes.textField}
         />
         <TextField
           inputRef={emailRef}
@@ -140,6 +144,7 @@ const Registration: React.FC = () => {
           helperText={errors.email && 'Invalid email address'}
           onBlur={handleEmailChange}
           onFocus={handleFocus('email')}
+          className={classes.textField}
         />
         <TextField
           inputRef={passwordRef}
@@ -164,6 +169,7 @@ const Registration: React.FC = () => {
               </InputAdornment>
             )
           }}
+          className={classes.textField}
         />
         <Button variant="contained" type="submit">submit</Button>
       </form>
-- 
cgit v1.2.3

