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:
@@ -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>
|
||||
),
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user