Fakultas Ilmu Komputer UI

Commit ec424e4a authored by Shafiya Adzhani's avatar Shafiya Adzhani
Browse files

[CHORES] fix some styling in form iumk

parent f5ca2fd4
......@@ -28,22 +28,24 @@ const EmployeeDropdown = ({setEmployeeData}) => {
</div>
<img src={DropdownArrow} />
</div>
{showDropdown && (
<div
className="bg-white rounded absolute"
data-testid="options-dropdown"
>
{dataEmployee.map((value, index) => (
<div
className="py-2.5 px-6 border-grey border-b-2 cursor-pointer"
onClick={() => selectValue(value)}
key={index}
>
<p className="heading-3">{value}</p>
</div>
))}
</div>
)}
<div className="flex flex-col relative">
{showDropdown && (
<div
className="bg-white rounded absolute lg:w-96 xl:w-96 2xl:w-96 lg:right-64 xl:right-64 2xl:right-64"
data-testid="options-dropdown"
>
{dataEmployee.map((value, index) => (
<div
className="py-2.5 px-6 border-grey border-b-2 cursor-pointer"
onClick={() => selectValue(value)}
key={index}
>
<p className="heading-3">{value}</p>
</div>
))}
</div>
)}
</div>
</div>
)
}
......
......@@ -52,7 +52,7 @@ const FormIUMK1 = ({register, errors, handleSubmit, onSubmit}) => {
<label className="heading-3 mb-2">
Status Entitas<span className="text-popred">*</span>
</label>
<div className="flex flex-row justify-between">
<div className="flex flex-col lg:flex-row xl:flex-row 2xl:flex-row justify-between">
<div>
<input
className="mr-2"
......
......@@ -10,7 +10,7 @@ const FormIUMK2 = ({register, handleSubmit, onSubmit, setEmployeeData}) => {
>
<div>
<h1
className="flex flex-col heading-2 text-black justify-center items-center pb-4 pt-9"
className="flex flex-col heading-2 text-black justify-center items-center pb-4 pt-9 text-center"
data-testid="form-iumk-2-judul"
>
Ada Informasi Tambahan?
......@@ -31,14 +31,14 @@ const FormIUMK2 = ({register, handleSubmit, onSubmit, setEmployeeData}) => {
>
<label className="mb-2 heading-3 text-black">
Jumlah Karyawan
<span className="medium-text text-black">(opsional)</span>
<span className="medium-text text-black ml-1">(opsional)</span>
</label>
<EmployeeDropdown setEmployeeData={setEmployeeData} />
</div>
<div className="flex flex-col pb-6" data-testid="form-iumk-2-kode-kbli">
<label className="mb-2 heading-3 text-black">
Kode KBLI
<span className="medium-text text-black">(opsional)</span>
<span className="medium-text text-black ml-1">(opsional)</span>
</label>
<input
className="md:mr-64 lg:mr-64 xl:mr-64 2xl:mr-64 px-4 mr-24 py-2.5 border-2 border-grey rounded"
......@@ -51,7 +51,8 @@ const FormIUMK2 = ({register, handleSubmit, onSubmit, setEmployeeData}) => {
</div>
<div className="flex flex-col pb-8" data-testid="form-iumk-2-catatan">
<label className="mb-2 heading-3 text-black">
Catatan <span className="medium-text text-black">(opsional)</span>
Catatan{' '}
<span className="medium-text text-black ml-1">(opsional)</span>
</label>
<textarea
className="w-full px-4 pb-32 pt-2.5 mr-6 resize-none border-2 border-grey rounded items-start"
......
......@@ -16,7 +16,7 @@ const FormIUMK = () => {
})
const name = useSelector(getEmail)
const loggedIn = useSelector(isLoggedIn)
const [pageNumber, setPageNumber] = useState(1)
const [pageNumber, setPageNumber] = useState(2)
const [data, setData] = useState({})
const [employeeData, setEmployeeData] = useState(null)
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment