RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-07-08 16:54:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Format

Browse Source
This commit is contained in:
srgooglo 2025-07-04 14:12:53 +02:00
parent 993f454fab
commit a61a33b16e
1 changed files with 47 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
packages/app/src/layouts/default/index.jsx
View File

@ -17,58 +17,63 @@ import TopBar from "@layouts/components/@mobile/topBar"
import BackgroundDecorator from "@components/BackgroundDecorator" import BackgroundDecorator from "@components/BackgroundDecorator"
const DesktopLayout = (props) => { const DesktopLayout = (props) => {
return <> return (
<BackgroundDecorator /> <>
<Modals /> <BackgroundDecorator />
<DraggableDrawerController /> <Modals />
<DraggableDrawerController />
<Layout id="app_layout" className="app_layout"> <Layout id="app_layout" className="app_layout">
<Sidebar /> <Sidebar user={props.user} />
<Layout.Content <Layout.Content
id="content_layout" id="content_layout"
className={classnames( className={classnames(
...props.contentClassnames ?? [], ...(props.contentClassnames ?? []),
"content_layout", "content_layout",
"fade-transverse-active", "fade-transverse-active",
)} )}
> >
<Header /> <Header />
{ {props.children &&
props.children && React.cloneElement(props.children, props) React.cloneElement(props.children, props)}
} </Layout.Content>
</Layout.Content>
<ToolsBar /> <ToolsBar />
</Layout> </Layout>
<BetaBanner /> <BetaBanner />
</> </>
)
} }
const MobileLayout = (props) => { const MobileLayout = (props) => {
return <Layout id="app_layout" className="app_layout"> return (
<DraggableDrawerController /> <Layout id="app_layout" className="app_layout">
<TopBar /> <DraggableDrawerController />
<TopBar />
<Layout.Content <Layout.Content
id="content_layout" id="content_layout"
className={classnames( className={classnames(
...props.layoutPageModesClassnames ?? [], ...(props.layoutPageModesClassnames ?? []),
"content_layout", "content_layout",
"fade-transverse-active", "fade-transverse-active",
)} )}
> >
{ {props.children && React.cloneElement(props.children, props)}
props.children && React.cloneElement(props.children, props) </Layout.Content>
}
</Layout.Content>
<BottomBar /> <BottomBar />
</Layout> </Layout>
)
} }
export default (props) => { export default (props) => {
return window.app.isMobile ? <MobileLayout {...props} /> : <DesktopLayout {...props} /> return window.app.isMobile ? (
<MobileLayout {...props} />
) : (
<DesktopLayout {...props} />
)
} }