feat: Update InputForm, Input, and auth page

- Perbaiki page login ke halaman utama backoffice
- Perbaiki component Input dan InputForm
This commit is contained in:
Hafid Nur
2025-03-27 07:19:46 +07:00
parent 631684cb05
commit 542469bc67
11 changed files with 138 additions and 272 deletions
-29
View File
@@ -1,29 +0,0 @@
import { FC, ReactElement } from 'react';
import { Button, PasswordInput } from '@imphnen-frontend-service/ui/atoms';
import { InputForm } from '@imphnen-frontend-service/ui/molecules';
export const Components: FC = (): ReactElement => {
return (
<div className="flex justify-center items-center min-h-screen">
<div className="bg-white border border-primary-200 shadow-lg p-[60px] text-center flex flex-col gap-8 rounded-2xl">
<img src="/logos/logo.svg" alt="" className="h-[70px] w-auto" />
<h1 className="text-primary-500 text-p1 font-semibold">
Welcome to IMPHNEN Backoffice
</h1>
<InputForm
label="Email"
placeholder="Masukkan Email"
type="email"
size="lg"
/>
<div className="flex gap-[8px] flex-col">
<div className="self-start text-p3 font-medium">Password</div>
<PasswordInput placeholder="Masukkan Password" size="lg" />
</div>
<Button>Login</Button>
</div>
</div>
);
};
export default Components;
+25 -1
View File
@@ -1,7 +1,31 @@
import { FC, ReactElement } from 'react';
import { Button } from '@imphnen-frontend-service/ui/atoms';
import { InputForm } from '@imphnen-frontend-service/ui/molecules';
export const Components: FC = (): ReactElement => {
return <>Hallo</>;
return (
<div className="flex justify-center items-center min-h-screen">
<div className="bg-white border border-primary-200 shadow-lg p-[60px] text-center flex flex-col justify-items-stretch gap-8 rounded-2xl">
<img src="/logos/logo.svg" alt="" className="h-[70px] w-auto" />
<h1 className="text-primary-500 text-p1 font-semibold">
Welcome to IMPHNEN Backoffice
</h1>
<InputForm
label="Email"
placeholder="Masukkan Email"
type="email"
size="lg"
/>
<InputForm
label="Password"
placeholder="Masukkan password"
type="password"
size="lg"
/>
<Button>Login</Button>
</div>
</div>
);
};
export default Components;