Laux/Frontend-Internal-Developer-Platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added label for forms

Browse Source
This commit is contained in:
benzbarquilla
2026-03-13 09:21:27 +08:00
parent bd20f5a5cf
commit 4478a74ece
4 changed files with 36 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/app/users/[usersId]/page.jsx
View File

@@ -50,14 +50,17 @@ const ViewUserPage = () => {
{/* Input fields */}
<form className={editUserStyle.fields}>
{/* Role and Dropdown */}
<SelectField
label="Select Role"
options={[
{ label: "Option", value: "Option" },
{ label: "Option 1", value: "Option 1" },
{ label: "Option 2", value: "Option 2" },
]}
/>
<div className={editUserStyle.roleField}>
<p>Role</p>
<SelectField
label="Select Role"
options={[
{ label: "Option", value: "Option" },
{ label: "Option 1", value: "Option 1" },
{ label: "Option 2", value: "Option 2" },
]}
/>
</div>
{/* Email */}
<div className={editUserStyle.inputMainContainer}>
<div className={editUserStyle.inputContainer}>

8
frontend/src/app/users/[usersId]/styles.module.css
View File

@@ -99,7 +99,13 @@
font-weight: 400;
line-height: normal;
}
.roleField {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
}
.inputField {
display: flex;
flex-direction: column;

19
frontend/src/app/users/add/page.jsx
View File

@@ -54,14 +54,17 @@ const AddUserPage = () => {
onSubmit={handleSubmit(onSubmit)}
>
{/* Role and Dropdown */}
<SelectField
label="Select Role"
options={[
{ label: "Option", value: "Option" },
{ label: "Option 1", value: "Option 1" },
{ label: "Option 2", value: "Option 2" },
]}
/>
<div className={addUserStyle.roleField}>
<p>Role</p>
<SelectField
label="Select Role"
options={[
{ label: "Option", value: "Option" },
{ label: "Option 1", value: "Option 1" },
{ label: "Option 2", value: "Option 2" },
]}
/>
</div>
{/* Email */}
<div className={addUserStyle.inputMainContainer}>
<div className={addUserStyle.inputContainer}>

7
frontend/src/app/users/add/styles.module.css
View File

@@ -86,6 +86,13 @@
font-weight: 400;
line-height: normal;
}
.roleField {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 10px;
align-self: stretch;
}
.inputField {
display: flex;
flex-direction: column;