website refactor
This commit is contained in:
@@ -18,21 +18,16 @@ interface DashboardShellProps {
|
||||
*/
|
||||
export function DashboardShell({ children, rail, controlBar }: DashboardShellProps) {
|
||||
return (
|
||||
<Box display="flex" height="100vh" style={{ overflow: 'hidden', backgroundColor: 'var(--ui-color-bg-base)' }}>
|
||||
{rail && (
|
||||
<Sidebar>
|
||||
{rail}
|
||||
</Sidebar>
|
||||
)}
|
||||
<Box display="flex" flexDirection="col" flex={1} style={{ overflow: 'hidden' }}>
|
||||
{controlBar && (
|
||||
<Header>
|
||||
{controlBar}
|
||||
</Header>
|
||||
)}
|
||||
<MainContent maxWidth="7xl">
|
||||
{children}
|
||||
</MainContent>
|
||||
<Box
|
||||
display="flex"
|
||||
minHeight="100vh"
|
||||
style={{ backgroundColor: 'var(--ui-color-bg-base)' }}
|
||||
>
|
||||
{rail && <Sidebar>{rail}</Sidebar>}
|
||||
|
||||
<Box display="flex" flexDirection="col" flex={1} minWidth="0">
|
||||
{controlBar && <Header>{controlBar}</Header>}
|
||||
<MainContent maxWidth="7xl">{children}</MainContent>
|
||||
</Box>
|
||||
</Box>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user