filecoin-project/slate
1
1
Fork 0
mirror of https://github.com/filecoin-project/slate.git synced 2024-11-23 14:07:20 +03:00
Code Issues Packages Projects Releases Wiki Activity

fix(field): increase opacity to 0.7

Browse Source
This commit is contained in:
Aminejv 2021-06-22 21:56:15 +01:00
parent 745468a286
commit 9738bd6dfa
6 changed files with 11 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/core/Auth/ResetPassword.js
View File

@ -123,7 +123,6 @@ export default function ResetPassword({
setPasswordValidations(validations); setPasswordValidations(validations);
}, },
})} })}
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
onClickIcon={() => toggleShowPassword(!showPassword)} onClickIcon={() => toggleShowPassword(!showPassword)}
icon={showPassword ? SVG.EyeOff : SVG.Eye} icon={showPassword ? SVG.EyeOff : SVG.Eye}
/> />
@ -161,7 +160,6 @@ export default function ResetPassword({
type="email" type="email"
full full
{...getFieldProps("email")} {...getFieldProps("email")}
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
/> />
<AnimateSharedLayout> <AnimateSharedLayout>
<motion.div layout> <motion.div layout>

2
components/core/Auth/Signin.js
View File

@ -163,7 +163,6 @@ export default function Signin({
type="email" type="email"
full full
{...getEmailFieldProps("email")} {...getEmailFieldProps("email")}
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
/> />
<AnimateSharedLayout> <AnimateSharedLayout>
<motion.div layout> <motion.div layout>
@ -202,7 +201,6 @@ export default function Signin({
onClickIcon={() => toggleShowPassword(!showPassword)} onClickIcon={() => toggleShowPassword(!showPassword)}
icon={showPassword ? SVG.EyeOff : SVG.Eye} icon={showPassword ? SVG.EyeOff : SVG.Eye}
{...getFieldProps("password")} {...getFieldProps("password")}
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
/> />
<AnimateSharedLayout> <AnimateSharedLayout>
<motion.div layout> <motion.div layout>

25
components/core/Auth/Signup.js
View File

@ -50,21 +50,20 @@ const useCheckUser = () => {
}; };
}; };
const createValidations = (validateUsername) => async ( const createValidations =
{ username, password, acceptTerms }, (validateUsername) =>
errors async ({ username, password, acceptTerms }, errors) => {
) => { await validateUsername({ username }, errors);
await validateUsername({ username }, errors);
if (!Validations.username(username)) errors.username = "Invalid username"; if (!Validations.username(username)) errors.username = "Invalid username";
// Note(amine): username should not be an email // Note(amine): username should not be an email
if (Validations.email(username)) errors.username = "Username shouldn't 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"; if (!acceptTerms) errors.acceptTerms = "Must accept terms and conditions";
return errors; return errors;
}; };
export default function Signup({ verifyEmail, createUser, resendEmailVerification }) { export default function Signup({ verifyEmail, createUser, resendEmailVerification }) {
const [passwordValidations, setPasswordValidations] = React.useState( const [passwordValidations, setPasswordValidations] = React.useState(
@ -119,7 +118,6 @@ export default function Signup({ verifyEmail, createUser, resendEmailVerificatio
} }
full full
{...getFieldProps("username")} {...getFieldProps("username")}
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
/> />
<motion.div layout> <motion.div layout>
@ -136,7 +134,6 @@ export default function Signup({ verifyEmail, createUser, resendEmailVerificatio
setPasswordValidations(validations); setPasswordValidations(validations);
}, },
})} })}
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
onClickIcon={() => toggleShowPassword(!showPassword)} onClickIcon={() => toggleShowPassword(!showPassword)}
icon={showPassword ? SVG.EyeOff : SVG.Eye} icon={showPassword ? SVG.EyeOff : SVG.Eye}
/> />

1
components/core/Auth/TwitterLinking.js
View File

@ -103,7 +103,6 @@ export default function TwitterLinking({
type="email" type="email"
full full
{...getEmailFieldProps("email")} {...getEmailFieldProps("email")}
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
/> />
<AnimateSharedLayout> <AnimateSharedLayout>
<motion.div layout> <motion.div layout>

2
components/core/Auth/TwitterSignup.js
View File

@ -144,7 +144,6 @@ export default function TwitterSignup({
: null : null
} }
{...getFieldProps("username")} {...getFieldProps("username")}
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
full full
/> />
<AnimateSharedLayout> <AnimateSharedLayout>
@ -157,7 +156,6 @@ export default function TwitterSignup({
type="email" type="email"
full full
{...getFieldProps("email")} {...getFieldProps("email")}
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
/> />
<motion.div layout> <motion.div layout>

1
components/core/Auth/components/Verification.js
View File

@ -113,7 +113,6 @@ export default function Verification({ onVerify, title = DEFAULT_TITLE, onResend
} }
textStyle={{ width: "100% !important" }} textStyle={{ width: "100% !important" }}
containerStyle={{ marginTop: "28px" }} containerStyle={{ marginTop: "28px" }}
style={{ backgroundColor: "rgba(242,242,247,0.5)" }}
name="pin" name="pin"
type="pin" type="pin"
{...getFieldProps()} {...getFieldProps()}