Skip to content

Commit

Permalink
Merge pull request #188 from Rucha-Ambaliya/bug/update-styling-of-Acc…
Browse files Browse the repository at this point in the history 
…ountform2.jsx

Styling and Functionality Updates for Account Form
  • Loading branch information
@PratikMane0112
PratikMane0112 authored Jan 26, 2025
2 parents d6d749d + bd223a8 commit b03a99c
Show file tree
Hide file tree
Showing 7 changed files with 594 additions and 627 deletions.
10 changes: 0 additions & 10 deletions frontend/package-lock.json
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 0 additions & 1 deletion frontend/package.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,6 @@
"jitsi": "^1.1.0",
"jspdf": "^2.5.1",
"jspdf-autotable": "^3.5.28",
"lucide-react": "^0.471.0",
"react": "^18.2.0",
"react-beforeunload": "^2.5.3",
"react-dom": "^18.2.0",
Expand Down
45 changes: 26 additions & 19 deletions frontend/src/components/common/Profile.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -143,8 +143,7 @@ const Profile = () => {
<input
type="text"
name="username"
className="py-3 px-3 text-white-1
peer disabled:cursor-not-allowed border-[1px] border-blue-1 w-full outline-none rounded-[3px] focus:border-[2px] focus:border-blue-1"
className="py-3 px-3 text-white-1 peer disabled:cursor-not-allowed border-[1px] border-blue-1 w-full outline-none rounded-[3px] focus:border-[2px] focus:border-blue-1"
value={username}
onChange={(e) => setUsername(e.target.value)}
required
Expand All @@ -159,8 +158,7 @@ const Profile = () => {
<input
type="text"
name="specialization"
className="py-3 px-3 text-white-1
peer disabled:cursor-not-allowed border-[1px] border-blue-1 w-full outline-none rounded-[3px] focus:border-[2px] focus:border-blue-1"
className="py-3 px-3 text-white-1 peer disabled:cursor-not-allowed border-[1px] border-blue-1 w-full outline-none rounded-[3px] focus:border-[2px] focus:border-blue-1"
value={specialization}
onChange={(e) => setSpecialization(e.target.value)}
required
Expand All @@ -177,8 +175,7 @@ const Profile = () => {
<input
type="text"
name="age"
className="py-3 px-3 text-white-1
peer disabled:cursor-not-allowed border-[1px] border-blue-1 w-full outline-none rounded-[3px] focus:border-[2px] focus:border-blue-1"
className="py-3 px-3 text-white-1 peer disabled:cursor-not-allowed border-[1px] border-blue-1 w-full outline-none rounded-[3px] focus:border-[2px] focus:border-blue-1"
value={age}
onChange={(e) => {
checkAge(e.target.value);
Expand Down Expand Up @@ -210,7 +207,12 @@ const Profile = () => {
checked={gender === "male"}
onChange={(e) => setGender(e.target.value)}
/>{" "}
<label htmlFor="male" className="cursor-pointer text-white-1 mr-4">Male</label>
<label
htmlFor="male"
className="cursor-pointer text-white-1 mr-4"
>
Male
</label>
<input
type="radio"
name="gender"
Expand All @@ -220,7 +222,12 @@ const Profile = () => {
checked={gender === "female"}
onChange={(e) => setGender(e.target.value)}
/>{" "}
<label htmlFor="female" className="cursor-pointer text-white-1 mr-4">Female</label>
<label
htmlFor="female"
className="cursor-pointer text-white-1 mr-4"
>
Female
</label>
<input
type="radio"
name="gender"
Expand All @@ -230,16 +237,20 @@ const Profile = () => {
checked={gender === "other"}
onChange={(e) => setGender(e.target.value)}
/>{" "}
<label htmlFor="other" className="cursor-pointer text-white-1 mr-4">Other</label>
<label
htmlFor="other"
className="cursor-pointer text-white-1 mr-4"
>
Other
</label>
</div>
</div>

<div className="relative mb-4">
<input
type="text"
name="phone"
className="py-3 px-3 text-white-1
peer disabled:cursor-not-allowed border-[1px] border-blue-1 w-full outline-none rounded-[3px] focus:border-[2px] focus:border-blue-1"
className="py-3 px-3 text-white-1 peer disabled:cursor-not-allowed border-[1px] border-blue-1 w-full outline-none rounded-[3px] focus:border-[2px] focus:border-blue-1"
value={phone}
onChange={(e) => setPhone(e.target.value)}
required
Expand All @@ -254,8 +265,7 @@ const Profile = () => {
<input
type="number"
name="fee"
className="py-3 px-3 text-white-1
peer disabled:cursor-not-allowed border-[1px] border-blue-1 w-full outline-none rounded-[3px] focus:border-[2px] focus:border-blue-1"
className="py-3 px-3 text-white-1 peer disabled:cursor-not-allowed border-[1px] border-blue-1 w-full outline-none rounded-[3px] focus:border-[2px] focus:border-blue-1"
value={fee}
onChange={(e) => setFee(e.target.value)}
min={1}
Expand All @@ -271,8 +281,7 @@ const Profile = () => {
<input
type="text"
name="email"
className="py-3 px-3 text-white-1
peer disabled:cursor-not-allowed border-[1px] border-blue-1 w-full outline-none rounded-[3px] focus:border-[2px] focus:border-blue-1"
className="py-3 px-3 text-white-1 peer disabled:cursor-not-allowed border-[1px] border-blue-1 w-full outline-none rounded-[3px] focus:border-[2px] focus:border-blue-1"
value={email}
disabled
/>
Expand All @@ -293,7 +302,7 @@ const Profile = () => {
onChange={() => setChPasswd((prev) => !prev)}
/>
<label
htmlFor="passcheck"
htmlFor="passcheck"
className="cursor-pointer text-white-1"
>
{" "}
Expand All @@ -308,8 +317,7 @@ const Profile = () => {
<input
type="password"
name="password"
className="py-3 px-3 text-white-1
peer disabled:cursor-not-allowed border-[1px] border-blue-1 w-full outline-none rounded-[3px] focus:border-[2px] focus:border-blue-1"
className="py-3 px-3 text-white-1 peer disabled:cursor-not-allowed border-[1px] border-blue-1 w-full outline-none rounded-[3px] focus:border-[2px] focus:border-blue-1"
value={passwd}
onChange={(e) => {
checkPasswd(e.target.value);
Expand Down Expand Up @@ -344,7 +352,6 @@ const Profile = () => {
</div>

{/*===== Form-Close-Btn =====*/}
{/* */}
<div
className="bg-[rgba(176,187,216,0.5)] text-white-1 absolute top-0 right-0 w-[30px] h-[30px] text-[1.8rem] leading-[30px] text-center cursor-pointer overflow-hidden opacity-80 transition-opacity duration-200 hover:opacity-100"
title="Close"
Expand Down
Loading

0 comments on commit b03a99c

Please sign in to comment.