wibu/sistem-desa-mandiri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

upd : page loading

Browse Source 
Deskripsi:
- membuat page berisikan skeleton loading
- untuk page loading

No Issues
This commit is contained in:
amel
2024-07-04 12:24:13 +08:00
parent 9ffcc7dbe3
commit a84ea286be
3 changed files with 37 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/module/_global/index.ts
View File

@@ -1,7 +1,9 @@
import { WARNA } from "./fun/WARNA";
import LoadingPage from "./layout/layout_loading_page";
import LayoutLogin from "./layout/layout_login";
import LayoutNavbarHome from "./layout/layout_navbar_home";
export { WARNA }
export { LayoutLogin }
export {LayoutNavbarHome}
export { LayoutNavbarHome }
export { LoadingPage }

29
src/module/_global/layout/layout_loading_page.tsx Normal file
View File

@@ -0,0 +1,29 @@
import { Box, Group, Skeleton } from "@mantine/core";
export default function LoadingPage() {
return (
<>
<Box p={20}>
<Skeleton width={"100%"} height={180} radius={"md"} />
<Group my={20} justify="space-between" grow>
<Skeleton height={50} radius={"md"} />
<Skeleton height={50} radius={"md"} />
<Skeleton height={50} radius={"md"} />
</Group>
<Group my={20} justify="space-between" grow>
<Skeleton height={100} radius={"md"} />
<Skeleton height={100} radius={"md"} />
</Group>
<Group my={20} justify="space-between" grow>
<Skeleton height={100} radius={"md"} />
<Skeleton height={100} radius={"md"} />
</Group>
<Group my={20} justify="space-between" grow>
<Skeleton height={100} radius={"md"} />
<Skeleton height={100} radius={"md"} />
</Group>
</Box>
</>
)
}