17699e7b08
Deskripsi: - update maxsidth drawer - update maxwidth welcome page - membuat drawer baru No Issues
23 lines
760 B
TypeScript
23 lines
760 B
TypeScript
import { Box, Drawer, Text } from '@mantine/core';
|
|
import React from 'react';
|
|
import { WARNA } from '../fun/WARNA';
|
|
|
|
export default function LayoutDrawer({ opened, onClose, title, children, size }: { children: React.ReactNode, opened: boolean, size?: string, onClose: () => void, title: React.ReactNode }) {
|
|
return (
|
|
<Box>
|
|
<Drawer opened={opened} title={<Text c={WARNA.biruTua} fw={'bold'}>{title}</Text>} onClose={onClose} position={"bottom"} size={(size == 'lg') ? '80%' : '30%'}
|
|
styles={{
|
|
content: {
|
|
backgroundColor: "white",
|
|
borderRadius: "20px 20px 0px 0px",
|
|
maxWidth: 550,
|
|
margin: "0 auto",
|
|
},
|
|
}}
|
|
>
|
|
{children}
|
|
</Drawer>
|
|
</Box>
|
|
);
|
|
}
|