wibu/hipmi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Validasi di bagian Skeleton dan Fontnya

Browse Source
This commit is contained in:
nico
2024-12-26 14:57:53 +08:00
parent 86433eb589
commit 5448c3a001
3 changed files with 30 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/app_modules/auth/validasi/skeleton.tsx
View File

@@ -2,8 +2,27 @@ import { Stack, Skeleton, Group } from "@mantine/core";
export default function Validasi_SkeletonView() {
return (
<>
<Stack align="center" justify="center" h={"100vh"} spacing={50}>
<Stack align="center" justify="center" h={"100vh"} spacing={50}>
<Skeleton h={30} w={250} radius={"xl"} />
<Stack spacing={"md"} align="center">
<Stack mb={15}>
<Skeleton h={20} w={250} radius={"xl"} />
<Skeleton h={20} w={250} radius={"xl"} />
</Stack>
<Group mb={10}>
{Array.from({ length: 4 }).map((_, i) => (
<Skeleton key={i} h={50} w={50} radius={"sm"} />
))}
</Group>
<Skeleton h={20} w={250} radius={"xl"} />
</Stack>
<Skeleton h={50} w={250} radius={"sm"} />
</Stack>
);
}
{/* <Stack align="center" justify="center" h={"100vh"} spacing={50}>
<Skeleton h={30} w={250} radius={"xl"} />
<Stack>
<Skeleton h={20} w={250} radius={"xl"} />
@@ -19,7 +38,4 @@ export default function Validasi_SkeletonView() {
<Skeleton h={20} w={250} radius={"xl"} />
<Skeleton h={50} w={250} radius={"sm"} />
</Stack>
</>
);
}
</Stack> */}