feat: Adjustment

- Sesuaikan color palette success, info, danger, warning sesuai dengan design system Figma
- Sesuai background pagination
- Fix width form login tidak maksimal
This commit is contained in:
Hafid Nur
2025-03-27 22:28:40 +07:00
parent 6bfa48bed8
commit 2d9473ea7c
7 changed files with 127 additions and 128 deletions
+6 -1
View File
@@ -1,8 +1,11 @@
import { FC, ReactElement } from 'react';
import { useNavigate } from 'react-router';
import { Button } from '@imphnen-frontend-service/ui/atoms';
import { InputForm } from '@imphnen-frontend-service/ui/molecules';
export const Components: FC = (): ReactElement => {
const navigate = useNavigate();
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">
@@ -15,14 +18,16 @@ export const Components: FC = (): ReactElement => {
placeholder="Masukkan Email"
type="email"
size="lg"
className="w-full"
/>
<InputForm
label="Password"
placeholder="Masukkan password"
type="password"
size="lg"
className="w-full"
/>
<Button>Login</Button>
<Button onClick={() => navigate('/dashboard')}>Login</Button>
</div>
</div>
);
@@ -3,6 +3,7 @@ import {
FilterOutlined,
SearchOutlined,
FileTextOutlined,
AuditOutlined,
} from '@ant-design/icons';
import { Button, Input } from '@imphnen-frontend-service/ui/atoms';
import { Pagination } from '@imphnen-frontend-service/ui/molecules';
@@ -139,9 +140,9 @@ export const Components: FC = (): ReactElement => {
e.stopPropagation();
handleValidate(item.id);
}}
className="flex items-center gap-2"
className="flex items-center gap-2 w-full"
>
<FileTextOutlined /> Validate
<AuditOutlined className="text-[16px]" /> Validate
</Button>
),
},