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')
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