gitscope
/
← marzneshin / dashboard/src/components/page/index.tsx / blame
Files Commits 446 Branches 1 Tags 43 Markers 4 README License
https://dev.kronoz.win/r/marzneshin.git
dashboard/src/components/page/index.tsx · v0.3.0-alpha9
Source
1 0ef1346 Mrdn 2y ago import { FC, PropsWithChildren } from 'react'
2 0ef1346 Mrdn 2y ago import { ScrollArea } from '@marzneshin/components'
3 0ef1346 Mrdn 2y ago
4 0ef1346 Mrdn 2y ago interface PageProps extends PropsWithChildren { }
5 0ef1346 Mrdn 2y ago
6 0ef1346 Mrdn 2y ago /* WARN: The current page height which effect the scroll
7 0ef1346 Mrdn 2y ago * area activness, is calculated based on height of header
8 0ef1346 Mrdn 2y ago * and margin.
9 0ef1346 Mrdn 2y ago */
10 0ef1346 Mrdn 2y ago
11 0ef1346 Mrdn 2y ago export const Page: FC<PageProps> = ({ children }) => {
12 0ef1346 Mrdn 2y ago return (
13 292108b Mrdn 2y ago <ScrollArea style={{ height: `calc(100vh - 4.5rem)` }} className="sm:w-screen md:p-3 md:w-[100%]">
14 292108b Mrdn 2y ago <div className="flex flex-col justify-center items-center h-full sm:w-screen md:w-[100%]">
15 292108b Mrdn 2y ago {children}
16 292108b Mrdn 2y ago </div>
17 0ef1346 Mrdn 2y ago </ScrollArea>
18 0ef1346 Mrdn 2y ago );
19 0ef1346 Mrdn 2y ago }