mirror of
https://github.com/ragestudio/comty.git
synced 2025-06-10 02:54:15 +00:00
fix mobile layout
This commit is contained in:
parent
2d2250dace
commit
d60ac3e373
@ -2,18 +2,20 @@ import React from "react"
|
||||
import classnames from "classnames"
|
||||
import * as antd from "antd"
|
||||
|
||||
import { Drawer, BottomBar } from "components/Layout"
|
||||
import { BottomBar, Drawer, Sidedrawer, Modal } from "components/Layout"
|
||||
|
||||
export default (props) => {
|
||||
return <antd.Layout className={classnames("app_layout", ["mobile"])} style={{ height: "100%" }}>
|
||||
<antd.Layout className="content_layout">
|
||||
<antd.Layout.Content className={classnames("layout_page", ...props.layoutPageModesClassnames ?? [])}>
|
||||
<div id="transitionLayer" className="fade-transverse-active">
|
||||
{React.cloneElement(props.children, props)}
|
||||
</div>
|
||||
</antd.Layout.Content>
|
||||
</antd.Layout>
|
||||
<BottomBar user={props.user} />
|
||||
<Modal />
|
||||
|
||||
<antd.Layout.Content className={classnames("content_layout", ...props.layoutPageModesClassnames ?? [])}>
|
||||
<div id="transitionLayer" className="fade-transverse-active">
|
||||
{React.cloneElement(props.children, props)}
|
||||
</div>
|
||||
</antd.Layout.Content>
|
||||
|
||||
<BottomBar />
|
||||
<Sidedrawer />
|
||||
<Drawer />
|
||||
</antd.Layout>
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user