mirror of
https://github.com/ragestudio/comty.git
synced 2025-07-08 08:44:15 +00:00
Format
This commit is contained in:
parent
993f454fab
commit
a61a33b16e
@ -17,27 +17,27 @@ import TopBar from "@layouts/components/@mobile/topBar"
|
||||
import BackgroundDecorator from "@components/BackgroundDecorator"
|
||||
|
||||
const DesktopLayout = (props) => {
|
||||
return <>
|
||||
return (
|
||||
<>
|
||||
<BackgroundDecorator />
|
||||
<Modals />
|
||||
<DraggableDrawerController />
|
||||
|
||||
<Layout id="app_layout" className="app_layout">
|
||||
<Sidebar />
|
||||
<Sidebar user={props.user} />
|
||||
|
||||
<Layout.Content
|
||||
id="content_layout"
|
||||
className={classnames(
|
||||
...props.contentClassnames ?? [],
|
||||
...(props.contentClassnames ?? []),
|
||||
"content_layout",
|
||||
"fade-transverse-active",
|
||||
)}
|
||||
>
|
||||
<Header />
|
||||
|
||||
{
|
||||
props.children && React.cloneElement(props.children, props)
|
||||
}
|
||||
{props.children &&
|
||||
React.cloneElement(props.children, props)}
|
||||
</Layout.Content>
|
||||
|
||||
<ToolsBar />
|
||||
@ -45,30 +45,35 @@ const DesktopLayout = (props) => {
|
||||
|
||||
<BetaBanner />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
const MobileLayout = (props) => {
|
||||
return <Layout id="app_layout" className="app_layout">
|
||||
return (
|
||||
<Layout id="app_layout" className="app_layout">
|
||||
<DraggableDrawerController />
|
||||
<TopBar />
|
||||
|
||||
<Layout.Content
|
||||
id="content_layout"
|
||||
className={classnames(
|
||||
...props.layoutPageModesClassnames ?? [],
|
||||
...(props.layoutPageModesClassnames ?? []),
|
||||
"content_layout",
|
||||
"fade-transverse-active",
|
||||
)}
|
||||
>
|
||||
{
|
||||
props.children && React.cloneElement(props.children, props)
|
||||
}
|
||||
{props.children && React.cloneElement(props.children, props)}
|
||||
</Layout.Content>
|
||||
|
||||
<BottomBar />
|
||||
</Layout>
|
||||
)
|
||||
}
|
||||
|
||||
export default (props) => {
|
||||
return window.app.isMobile ? <MobileLayout {...props} /> : <DesktopLayout {...props} />
|
||||
return window.app.isMobile ? (
|
||||
<MobileLayout {...props} />
|
||||
) : (
|
||||
<DesktopLayout {...props} />
|
||||
)
|
||||
}
|
Loading…
x
Reference in New Issue
Block a user