MERMS/MermsPanelReactJS
1
0
Fork 0
Code Issues Pull Requests 1 Releases Activity

fix page

Browse Source
This commit is contained in:
CHIEFSOFT\ameye
2025-09-16 06:07:40 -04:00
parent daafb66cbb
commit e69cc9130e
3 changed files with 155 additions and 117 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/component/auth/Signup.jsx
+5 -1
View File
@@ -82,9 +82,13 @@ export default function Signup() {
</button> </button>
</div> </div>
<div className="mt-3"> <div className="mt-3">
<hr />
<p className='font-medium'>Already have an account ? <p className='font-medium'>Already have an account ?
<Link to={siteLinks.login} <Link to={siteLinks.login}
className='hover:text-primary font-bold'> Sign In className='bg-secondary; hover:text-primary font-bold' style={{paddingRight: '10px'}}>
<button className="btn btn-warning text-uppercase">
Sign In
</button>
</Link> </Link>
</p> </p>
</div> </div>
src/component/auth/Signup2.jsx
+55 -16
View File
@@ -61,7 +61,8 @@ export default function Signup2() {
<div className="vh-100 bg-white custom-bg"> <div className="vh-100 bg-white custom-bg">
<div className="container-fluid p-0"> <div className="container-fluid p-0">
<div className="row no-gutters justify-content-center"> <div className="row no-gutters justify-content-center">
<div className="col-11 col-sm-6 col-lg-5 col-xxl-4 align-self-center order-2 order-sm-1" style={{maxWidth: '520px'}}> <div className="col-11 col-sm-6 col-lg-5 col-xxl-4 align-self-center order-2 order-sm-1"
style={{maxWidth: '520px'}}>
<div className="mt-5 d-flex"> <div className="mt-5 d-flex">
<div className="bg-white register p-5"> <div className="bg-white register p-5">
<h1 className="mb-2">{process.env.REACT_APP_PANEL_NAME}</h1> <h1 className="mb-2">{process.env.REACT_APP_PANEL_NAME}</h1>
@@ -79,20 +80,37 @@ export default function Signup2() {
<> <>
<div className="col-12 col-md-6"> <div className="col-12 col-md-6">
<div className="form-group"> <div className="form-group">
<label className={`text-black fw-bold control-label ${(props.errors.firstname && props.touched.firstname) && 'text-danger'}`}>First Name*</label> <label
<input type="text" name='firstname' className="form-control" placeholder="First Name" value={props.values.firstname} onChange={props.handleChange} /> className={`text-black fw-bold control-label ${(props.errors.firstname && props.touched.firstname) && 'text-danger'}`}>First
Name*</label>
<input type="text" name='firstname'
className="form-control"
placeholder="First Name"
value={props.values.firstname}
onChange={props.handleChange}/>
</div> </div>
</div> </div>
<div className="col-12 col-md-6"> <div className="col-12 col-md-6">
<div className="form-group"> <div className="form-group">
<label className={`text-black fw-bold control-label ${(props.errors.lastname && props.touched.lastname) && 'text-danger'}`}>Last Name*</label> <label
<input type="text" name='lastname' className="form-control" placeholder="Last Name" value={props.values.lastname} onChange={props.handleChange} /> className={`text-black fw-bold control-label ${(props.errors.lastname && props.touched.lastname) && 'text-danger'}`}>Last
Name*</label>
<input type="text" name='lastname'
className="form-control"
placeholder="Last Name"
value={props.values.lastname}
onChange={props.handleChange}/>
</div> </div>
</div> </div>
<div className="col-12"> <div className="col-12">
<div className="form-group"> <div className="form-group">
<label className={`text-black fw-bold control-label ${(props.errors.email && props.touched.email) && 'text-danger'}`}>Email*</label> <label
<input type="email" name='email' className="form-control" placeholder="Email" value={props.values.email} onChange={props.handleChange} /> className={`text-black fw-bold control-label ${(props.errors.email && props.touched.email) && 'text-danger'}`}>Email*</label>
<input type="email" name='email'
className="form-control"
placeholder="Email"
value={props.values.email}
onChange={props.handleChange}/>
</div> </div>
</div> </div>
{/* <div className="col-12"> {/* <div className="col-12">
@@ -109,12 +127,18 @@ export default function Signup2() {
</div> */} </div> */}
<div className="col-12"> <div className="col-12">
<div className="form-check"> <div className="form-check">
<input name='isChecked' className="form-check-input" type="checkbox" id="gridCheck" value={props.values.isChecked} onChange={props.handleChange} /> <input name='isChecked'
<label className="form-check-label" htmlFor="gridCheck"> className="form-check-input"
type="checkbox" id="gridCheck"
value={props.values.isChecked}
onChange={props.handleChange}/>
<label className="form-check-label"
htmlFor="gridCheck">
I accept terms & policy I accept terms & policy
</label> </label>
</div> </div>
<span className={`${(props.errors.isChecked && props.touched.isChecked) && 'text-danger'}`}>{props.errors.isChecked}</span> <span
className={`${(props.errors.isChecked && props.touched.isChecked) && 'text-danger'}`}>{props.errors.isChecked}</span>
</div> </div>
{mutation.error && {mutation.error &&
@@ -126,21 +150,36 @@ export default function Signup2() {
} }
<div className="col-12 mt-3 text-end"> <div className="col-12 mt-3 text-end">
<button type='submit' className="btn btn-primary text-uppercase">{mutation.isPending ? 'loading...' : 'Sign up'}</button> <button type='submit'
className="btn btn-primary text-uppercase">{mutation.isPending ? 'loading...' : 'Sign up'}</button>
</div> </div>
</> </>
: :
<div className='col-12'> <div className='col-12'>
<div className="rounded-2 d-flex flex-column justify-content-between align-items-center" style={{backgroundColor: '#F2FAF7'}}> <div
<h4 className='p-4 text-black' style={{marginBottom: '-30px'}}>Check your email to continue.</h4> className="rounded-2 d-flex flex-column justify-content-between align-items-center"
<img className='' style={{width: '200px'}} src={getImage('check-mail.png')} alt='mail-alert' /> style={{backgroundColor: '#F2FAF7'}}>
<Link to={siteLinks.login} className='p-2 text-primary' style={{color: '#6FCAEF'}}>Home</Link> <h4 className='p-4 text-black'
style={{marginBottom: '-30px'}}>Check
your email to continue.</h4>
<img className='' style={{width: '200px'}}
src={getImage('check-mail.png')}
alt='mail-alert'/>
<Link to={siteLinks.login}
className='p-2 text-primary'
style={{color: '#6FCAEF'}}>Home</Link>
</div> </div>
</div> </div>
} }
<div className="col-12 mt-3"> <div className="col-12 mt-3">
<p>Already have an account ?<Link to={siteLinks.login}> Sign In</Link></p> <p>Already have an account ?<Link
to={siteLinks.login}>
<button
className="btn btn-warning text-uppercase">
Sign In
</button>
</Link></p>
</div> </div>
</div> </div>
</Form> </Form>
src/component/product/settingsTab/URLConfiguration.jsx
-5
View File
@@ -27,17 +27,12 @@ const URLConfiguration = () => {
</div> </div>
</div> </div>
<div className="card-body"> <div className="card-body">
<div className="form-group"> <div className="form-group">
<label htmlFor="exampleInputEmail1">Email address</label> <label htmlFor="exampleInputEmail1">Email address</label>
<input type="email" className="form-control" id="exampleInputEmail1" <input type="email" className="form-control" id="exampleInputEmail1"
aria-describedby="emailHelp" placeholder="Enter your url"/> aria-describedby="emailHelp" placeholder="Enter your url"/>
</div> </div>
<button type="submit" className="btn btn-primary">Submit</button> <button type="submit" className="btn btn-primary">Submit</button>
</div> </div>
</div> </div>
</> </>