login input label font color updated
This commit is contained in:
victorAnumudu
@@ -51,7 +51,7 @@ export default function Forgetpwd2() {
|
|||||||
<div className="col-12">
|
<div className="col-12">
|
||||||
<div className="form-group">
|
<div className="form-group">
|
||||||
<label className="control-label">Email*</label>
|
<label className="control-label">Email*</label>
|
||||||
<input name='email' type="text" onChange={handleChange} value={email} className="form-control" placeholder="Email" />
|
<input name='email' type="text" onChange={handleChange} value={email} className="form-control text-black" placeholder="Email" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{forgetPwd.error &&
|
{forgetPwd.error &&
|
||||||
|
|||||||
@@ -20,11 +20,15 @@ export default function Login() {
|
|||||||
|
|
||||||
const [fields, setFields] = useState({
|
const [fields, setFields] = useState({
|
||||||
username: '',
|
username: '',
|
||||||
password: ''
|
password: '',
|
||||||
|
// remember: false
|
||||||
})
|
})
|
||||||
|
|
||||||
const handleChange = ({target:{name, value}}) => {
|
const handleChange = ({target:{name, value}}) => {
|
||||||
setFields(prev => ({...prev, [name]:value}))
|
// if(name == 'remember'){
|
||||||
|
// return setFields(prev => ({...prev, remember:!prev.remember}))
|
||||||
|
// }
|
||||||
|
setFields(prev => ({...prev, [name]:value}))
|
||||||
}
|
}
|
||||||
|
|
||||||
const login = useMutation({
|
const login = useMutation({
|
||||||
@@ -64,13 +68,13 @@ export default function Login() {
|
|||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col-12">
|
<div className="col-12">
|
||||||
<div className="form-group">
|
<div className="form-group">
|
||||||
<label className="control-label">User Name*</label>
|
<label className="control-label text-black">User Name*</label>
|
||||||
<input name='username' value={fields.username} onChange={handleChange} type="text" className="form-control" placeholder="Username" />
|
<input name='username' value={fields.username} onChange={handleChange} type="text" className="form-control" placeholder="Username" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-12">
|
<div className="col-12">
|
||||||
<div className="form-group">
|
<div className="form-group">
|
||||||
<label className="control-label">Password*</label>
|
<label className="control-label text-black">Password*</label>
|
||||||
<input name='password' value={fields.password} onChange={handleChange} type="password" className="form-control" placeholder="Password" />
|
<input name='password' value={fields.password} onChange={handleChange} type="password" className="form-control" placeholder="Password" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -78,7 +82,7 @@ export default function Login() {
|
|||||||
<div className="d-block d-sm-flex align-items-center">
|
<div className="d-block d-sm-flex align-items-center">
|
||||||
<div className="form-check">
|
<div className="form-check">
|
||||||
<input className="form-check-input" type="checkbox" id="gridCheck" />
|
<input className="form-check-input" type="checkbox" id="gridCheck" />
|
||||||
<label className="form-check-label" htmlFor="gridCheck">
|
<label className="form-check-label text-black" htmlFor="gridCheck">
|
||||||
Remember Me
|
Remember Me
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
@@ -100,9 +104,9 @@ export default function Login() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
<div class="row" style={{marginTop: '20px'}}>
|
<div className="row" style={{marginTop: '20px'}}>
|
||||||
<div class="col-6">
|
<div className="col-6">
|
||||||
<div class="app-store-icons-wrap text-center">
|
<div className="app-store-icons-wrap text-center">
|
||||||
<a className="icon google"
|
<a className="icon google"
|
||||||
href='#'
|
href='#'
|
||||||
// href="https://play.google.com/store/apps/details?id=com.mermsemr.providers" target="_blank"
|
// href="https://play.google.com/store/apps/details?id=com.mermsemr.providers" target="_blank"
|
||||||
@@ -112,8 +116,8 @@ export default function Login() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-6">
|
<div className="col-6">
|
||||||
<div class="app-store-icons-wrap text-center">
|
<div className="app-store-icons-wrap text-center">
|
||||||
<a className="icon apple"
|
<a className="icon apple"
|
||||||
href='#'
|
href='#'
|
||||||
// href="https://play.google.com/store/apps/details?id=com.mermsemr.providers" target="_blank"
|
// href="https://play.google.com/store/apps/details?id=com.mermsemr.providers" target="_blank"
|
||||||
|
|||||||
@@ -19,16 +19,16 @@ const validationSchema = Yup.object().shape({
|
|||||||
.required("Email is required"),
|
.required("Email is required"),
|
||||||
firstname: Yup.string().min(3, "Minimum 3 characters").max(50, "Maximum 50 characters").required("Email is required"),
|
firstname: Yup.string().min(3, "Minimum 3 characters").max(50, "Maximum 50 characters").required("Email is required"),
|
||||||
lastname: Yup.string().min(3, "Minimum 3 characters").max(50, "Maximum 50 characters").required("Email is required"),
|
lastname: Yup.string().min(3, "Minimum 3 characters").max(50, "Maximum 50 characters").required("Email is required"),
|
||||||
username: Yup.string().min(3, "Minimum 3 characters").max(50, "Maximum 50 characters").required("Email is required"),
|
// username: Yup.string().min(3, "Minimum 3 characters").max(50, "Maximum 50 characters").required("Email is required"),
|
||||||
password: Yup.string().min(3, "Minimum 3 characters").max(50, "Maximum 50 characters").required("Email is required"),
|
// password: Yup.string().min(3, "Minimum 3 characters").max(50, "Maximum 50 characters").required("Email is required"),
|
||||||
})
|
})
|
||||||
|
|
||||||
const initialValues = {
|
const initialValues = {
|
||||||
email: '',
|
email: '',
|
||||||
firstname: '',
|
firstname: '',
|
||||||
lastname: '',
|
lastname: '',
|
||||||
username: '',
|
// username: '',
|
||||||
password: ''
|
// password: ''
|
||||||
};
|
};
|
||||||
|
|
||||||
export default function Signup2() {
|
export default function Signup2() {
|
||||||
@@ -61,50 +61,60 @@ export default function Signup2() {
|
|||||||
return (
|
return (
|
||||||
<Form className='mt-2 mt-sm-5'>
|
<Form className='mt-2 mt-sm-5'>
|
||||||
<div className="row">
|
<div className="row">
|
||||||
<div className="col-12 col-sm-6">
|
<>
|
||||||
<div className="form-group">
|
<div className="col-12 col-sm-6">
|
||||||
<label className={`control-label ${(props.errors.firstname && props.touched.firstname) && 'text-danger'}`}>First Name*</label>
|
<div className="form-group">
|
||||||
<input type="text" name='firstname' className="form-control" placeholder="First Name" value={props.values.firstname} onChange={props.handleChange} />
|
<label className={`text-black control-label ${(props.errors.firstname && props.touched.firstname) && 'text-danger'}`}>First Name*</label>
|
||||||
</div>
|
<input type="text" name='firstname' className="form-control" placeholder="First Name" value={props.values.firstname} onChange={props.handleChange} />
|
||||||
</div>
|
</div>
|
||||||
<div className="col-12 col-sm-6">
|
</div>
|
||||||
<div className="form-group">
|
<div className="col-12 col-sm-6">
|
||||||
<label className={`control-label ${(props.errors.lastname && props.touched.lastname) && 'text-danger'}`}>Last Name*</label>
|
<div className="form-group">
|
||||||
<input type="text" name='lastname' className="form-control" placeholder="Last Name" value={props.values.lastname} onChange={props.handleChange} />
|
<label className={`text-black control-label ${(props.errors.lastname && props.touched.lastname) && 'text-danger'}`}>Last Name*</label>
|
||||||
</div>
|
<input type="text" name='lastname' className="form-control" placeholder="Last Name" value={props.values.lastname} onChange={props.handleChange} />
|
||||||
</div>
|
</div>
|
||||||
<div className="col-12">
|
</div>
|
||||||
<div className="form-group">
|
<div className="col-12">
|
||||||
<label className={`control-label ${(props.errors.email && props.touched.email) && 'text-danger'}`}>Email*</label>
|
<div className="form-group">
|
||||||
<input type="email" name='email' className="form-control" placeholder="Email" value={props.values.email} onChange={props.handleChange} />
|
<label className={`text-black control-label ${(props.errors.email && props.touched.email) && 'text-danger'}`}>Email*</label>
|
||||||
</div>
|
<input type="email" name='email' className="form-control" placeholder="Email" value={props.values.email} onChange={props.handleChange} />
|
||||||
</div>
|
</div>
|
||||||
<div className="col-12">
|
</div>
|
||||||
<div className="form-group">
|
{/* <div className="col-12">
|
||||||
<label className={`control-label ${(props.errors.username && props.touched.username) && 'text-danger'}`}>Username*</label>
|
<div className="form-group">
|
||||||
<input type="text" name='username' className="form-control" placeholder="Username" value={props.values.username} onChange={props.handleChange} />
|
<label className={`text-black control-label ${(props.errors.username && props.touched.username) && 'text-danger'}`}>Username*</label>
|
||||||
</div>
|
<input type="text" name='username' className="form-control" placeholder="Username" value={props.values.username} onChange={props.handleChange} />
|
||||||
</div>
|
</div>
|
||||||
<div className="col-12">
|
</div>
|
||||||
<div className="form-group">
|
<div className="col-12">
|
||||||
<label className={`control-label ${(props.errors.password && props.touched.password) && 'text-danger'}`}>Password*</label>
|
<div className="form-group">
|
||||||
<input type="password" name='password' className="form-control" placeholder="Password" value={props.values.password} onChange={props.handleChange} />
|
<label className={`control-label ${(props.errors.password && props.touched.password) && 'text-danger'}`}>Password*</label>
|
||||||
</div>
|
<input type="password" name='password' className="form-control" placeholder="Password" value={props.values.password} onChange={props.handleChange} />
|
||||||
</div>
|
</div>
|
||||||
<div className="col-12">
|
</div> */}
|
||||||
<div className="form-check">
|
<div className="col-12">
|
||||||
<input className="form-check-input" type="checkbox" id="gridCheck" />
|
<div className="form-check">
|
||||||
<label className="form-check-label" htmlFor="gridCheck">
|
<input className="form-check-input" type="checkbox" id="gridCheck" />
|
||||||
I accept terms & policy
|
<label className="form-check-label" htmlFor="gridCheck">
|
||||||
</label>
|
I accept terms & policy
|
||||||
</div>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
<div className="col-12 mt-3 text-end">
|
</div>
|
||||||
<button type='submit' className="btn btn-primary text-uppercase">Sign up</button>
|
<div className="col-12 mt-3 text-end">
|
||||||
</div>
|
<button type='submit' className="btn btn-primary text-uppercase">Sign up</button>
|
||||||
<div className="col-12 mt-3">
|
</div>
|
||||||
<p>Already have an account ?<Link to={siteLinks.login}> Sign In</Link></p>
|
</>
|
||||||
</div>
|
|
||||||
|
<div className='col-12'>
|
||||||
|
<div className="card w-100 justify-content-between align-items-center" style={{height: '200px'}}>
|
||||||
|
<p className='p-2 text-black'>Check your email to continue.</p>
|
||||||
|
<p className='p-2 text-primary'>Home</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div className="col-12 mt-3">
|
||||||
|
<p>Already have an account ?<Link to={siteLinks.login}> Sign In</Link></p>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Form>
|
</Form>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user