Bagasbanuna02
a6bb993b0d
## Deskripsi: - Perubahan tampilan notifikasi - Pin map sesuai logo - Pin map bisa custom ### No Issue
51 lines
1.1 KiB
TypeScript
51 lines
1.1 KiB
TypeScript
"use client";
|
|
import { ComponentNotifikasi_CardSkeleton } from "@/app_modules/notifikasi/component";
|
|
import { Box, Button, Flex, Paper, Stack, Title } from "@mantine/core";
|
|
|
|
export default function Page() {
|
|
|
|
return<>
|
|
<ComponentNotifikasi_CardSkeleton/>
|
|
</>
|
|
|
|
|
|
return (
|
|
<Stack
|
|
bg={"gray"}
|
|
h={"100vh"}
|
|
style={{
|
|
position: "relative",
|
|
width: "100%",
|
|
overflow: "scroll",
|
|
}}
|
|
>
|
|
<Box
|
|
p={"md"}
|
|
style={{
|
|
display: "flex",
|
|
// width: "700px",
|
|
gap: "20px",
|
|
position: "relative",
|
|
overflowX: "scroll",
|
|
// scrollSnapType: "x",
|
|
// scrollbarGutter: "unset",
|
|
scrollbarWidth: "none",
|
|
backgroundColor:"red"
|
|
}}
|
|
>
|
|
<Flex gap={"md"} bg={"cyan"}>
|
|
{Array.from(new Array(10), (_, i) => (
|
|
<Paper component={Button} w={"200px"} px={"md"} key={i}>
|
|
Contoh
|
|
</Paper>
|
|
))}
|
|
</Flex>
|
|
</Box>
|
|
|
|
<Stack>
|
|
<Title>Ini Bagian Yang Gak Ikut</Title>
|
|
</Stack>
|
|
</Stack>
|
|
);
|
|
}
|