mirror of
https://github.com/filecoin-project/slate.git
synced 2024-11-23 05:54:49 +03:00
fix(field): increase opacity to 0.7
This commit is contained in:
parent
745468a286
commit
9738bd6dfa
@ -123,7 +123,6 @@ export default function ResetPassword({
|
||||
setPasswordValidations(validations);
|
||||
},
|
||||
})}
|
||||
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
|
||||
onClickIcon={() => toggleShowPassword(!showPassword)}
|
||||
icon={showPassword ? SVG.EyeOff : SVG.Eye}
|
||||
/>
|
||||
@ -161,7 +160,6 @@ export default function ResetPassword({
|
||||
type="email"
|
||||
full
|
||||
{...getFieldProps("email")}
|
||||
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
|
||||
/>
|
||||
<AnimateSharedLayout>
|
||||
<motion.div layout>
|
||||
|
@ -163,7 +163,6 @@ export default function Signin({
|
||||
type="email"
|
||||
full
|
||||
{...getEmailFieldProps("email")}
|
||||
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
|
||||
/>
|
||||
<AnimateSharedLayout>
|
||||
<motion.div layout>
|
||||
@ -202,7 +201,6 @@ export default function Signin({
|
||||
onClickIcon={() => toggleShowPassword(!showPassword)}
|
||||
icon={showPassword ? SVG.EyeOff : SVG.Eye}
|
||||
{...getFieldProps("password")}
|
||||
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
|
||||
/>
|
||||
<AnimateSharedLayout>
|
||||
<motion.div layout>
|
||||
|
@ -50,21 +50,20 @@ const useCheckUser = () => {
|
||||
};
|
||||
};
|
||||
|
||||
const createValidations = (validateUsername) => async (
|
||||
{ username, password, acceptTerms },
|
||||
errors
|
||||
) => {
|
||||
await validateUsername({ username }, errors);
|
||||
const createValidations =
|
||||
(validateUsername) =>
|
||||
async ({ username, password, acceptTerms }, errors) => {
|
||||
await validateUsername({ username }, errors);
|
||||
|
||||
if (!Validations.username(username)) errors.username = "Invalid username";
|
||||
// Note(amine): username should not be an email
|
||||
if (Validations.email(username)) errors.username = "Username shouldn't be an email";
|
||||
if (!Validations.username(username)) errors.username = "Invalid username";
|
||||
// Note(amine): username should not be an email
|
||||
if (Validations.email(username)) errors.username = "Username shouldn't be an email";
|
||||
|
||||
if (!Validations.password(password)) errors.password = "Incorrect password";
|
||||
if (!Validations.password(password)) errors.password = "Incorrect password";
|
||||
|
||||
if (!acceptTerms) errors.acceptTerms = "Must accept terms and conditions";
|
||||
return errors;
|
||||
};
|
||||
if (!acceptTerms) errors.acceptTerms = "Must accept terms and conditions";
|
||||
return errors;
|
||||
};
|
||||
|
||||
export default function Signup({ verifyEmail, createUser, resendEmailVerification }) {
|
||||
const [passwordValidations, setPasswordValidations] = React.useState(
|
||||
@ -119,7 +118,6 @@ export default function Signup({ verifyEmail, createUser, resendEmailVerificatio
|
||||
}
|
||||
full
|
||||
{...getFieldProps("username")}
|
||||
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
|
||||
/>
|
||||
|
||||
<motion.div layout>
|
||||
@ -136,7 +134,6 @@ export default function Signup({ verifyEmail, createUser, resendEmailVerificatio
|
||||
setPasswordValidations(validations);
|
||||
},
|
||||
})}
|
||||
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
|
||||
onClickIcon={() => toggleShowPassword(!showPassword)}
|
||||
icon={showPassword ? SVG.EyeOff : SVG.Eye}
|
||||
/>
|
||||
|
@ -103,7 +103,6 @@ export default function TwitterLinking({
|
||||
type="email"
|
||||
full
|
||||
{...getEmailFieldProps("email")}
|
||||
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
|
||||
/>
|
||||
<AnimateSharedLayout>
|
||||
<motion.div layout>
|
||||
|
@ -144,7 +144,6 @@ export default function TwitterSignup({
|
||||
: null
|
||||
}
|
||||
{...getFieldProps("username")}
|
||||
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
|
||||
full
|
||||
/>
|
||||
<AnimateSharedLayout>
|
||||
@ -157,7 +156,6 @@ export default function TwitterSignup({
|
||||
type="email"
|
||||
full
|
||||
{...getFieldProps("email")}
|
||||
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
|
||||
/>
|
||||
|
||||
<motion.div layout>
|
||||
|
@ -113,7 +113,6 @@ export default function Verification({ onVerify, title = DEFAULT_TITLE, onResend
|
||||
}
|
||||
textStyle={{ width: "100% !important" }}
|
||||
containerStyle={{ marginTop: "28px" }}
|
||||
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
|
||||
name="pin"
|
||||
type="pin"
|
||||
{...getFieldProps()}
|
||||
|
Loading…
Reference in New Issue
Block a user