admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fixed layout of registration page

Browse Source
This commit is contained in:
pramod mahajan 2025-08-26 09:51:57 +05:30
parent bbd137a334
commit 8b2529013f
2 changed files with 17 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/pages/authentication/RegisterPage.jsx
View File

@ -72,10 +72,10 @@ const RegisterPage = () => {
return (
<>
<div className="col-12 col-lg-5 col-xl-4 d-flex align-items-center p-4 p-sm-5 bg-white">
<div className="col-12 col-lg-5 col-xl-4 d-flex align-items-center p-4 p-sm-5 bg-gray-60">
<div className="w-100" style={{ maxWidth: 420, margin: "0 auto" }}>
<h4 className="mb-2">Adventure starts here 🚀</h4>
<h4 className="mb-2">Adventure starts here </h4>
<p className="mb-3">Make your app management easy and fun!</p>
<form
@ -83,13 +83,15 @@ const RegisterPage = () => {
className="mb-2"
onSubmit={handleSubmit(onSubmit)}
>
<div className="mb-2 text-start">
<div className="row">
<div className="col-12 col-sm-6 mb-2 text-start">
<label htmlFor="organizatioinName" className="form-label">
Organization Name
</label>
<input
type="text"
className="form-control"
className="form-control form-control-sm"
id="organizatioinName"
{...register("organizatioinName")}
name="organizatioinName"
@ -105,13 +107,13 @@ const RegisterPage = () => {
</div>
)}
</div>
<div className="mb-2 text-start">
<div className="col-12 col-sm-6 mb-2 text-start">
<label htmlFor="email" className="form-label">
Email
</label>
<input
type="text"
className="form-control"
className="form-control form-control-sm"
id="email"
name="email"
placeholder="Enter your email"
@ -126,21 +128,20 @@ const RegisterPage = () => {
</div>
)}
</div>
</div>
<div className="mb-2 form-password-toggle text-start">
<label className="form-label" htmlFor="contactperson">
Contact Person
</label>
<div className="input-group">
<input
type="text"
id="contactperson"
{...register("contactPerson")}
className="form-control"
className="form-control form-control-sm"
name="contactPerson"
placeholder="Contact Person"
aria-describedby="contactperson"
/>
</div>
{errors.contactPerson && (
<div
className="danger-text text-start"
@ -154,17 +155,15 @@ const RegisterPage = () => {
<label className="form-label" htmlFor="contactnumber">
Contact Number
</label>
<div className="input-group">
<input
type="text"
id="contactnumber"
{...register("contactNumber")}
className="form-control"
className="form-control form-control-sm"
name="contactNumber"
placeholder="Contact Number"
aria-describedby="contactnumber"
/>
</div>
{errors.contactNumber && (
<div
className="danger-text text-start"
@ -178,16 +177,14 @@ const RegisterPage = () => {
<label className="form-label" htmlFor="contactnumber">
About Organization
</label>
<div className="input-group">
<textarea
id="about"
className="form-control"
placeholder="about"
placeholder="About..."
aria-label="about"
aria-describedby="about"
{...register("about")}
></textarea>
</div>
{errors.about && (
<div
className="danger-text text-start"
@ -201,9 +198,8 @@ const RegisterPage = () => {
<label className="form-label" htmlFor="oragnizationSize">
Organization Size
</label>
<div className="input-group">
<select
className="form-select"
className="form-select form-select-sm"
id="oragnizationSize"
name="oragnizationSize"
{...register("oragnizationSize")}
@ -216,7 +212,6 @@ const RegisterPage = () => {
<option value="100-200">100-200</option>
<option value="more than 200">more than 200</option>
</select>
</div>
{errors.oragnizationSize && (
<div
className="danger-text text-start"
@ -230,9 +225,8 @@ const RegisterPage = () => {
<label className="form-label" htmlFor="industryId">
Industry
</label>
<div className="input-group">
<select
className="form-select"
className="form-select form-select-sm"
id="industryId"
name="industryId"
{...register("industryId")}
@ -249,7 +243,6 @@ const RegisterPage = () => {
<option disabled>Loading industries...</option>
)}
</select>
</div>
{errors.industryId && (
<div
className="danger-text text-start"

6
src/pages/authentication/ResetPassword.jsx
View File

@ -102,7 +102,7 @@ const ResetPassword = () => {
className="mb-3"
onSubmit={handleSubmit(onSubmitResetPassword)}
>
<div className="mb-3">
<div className="mb-3 text-start">
<label htmlFor="email" className="form-label">
Email
</label>
@ -124,9 +124,9 @@ const ResetPassword = () => {
)}
</div>
<div className="mb-2 form-password-toggle">
<div className="mb-2 form-password-toggle text-start">
<div className="mt-2">
<label htmlFor="email" className="form-label list-group-item">
<label htmlFor="email" className="form-label">
New Password
</label>
</div>