RageStudio/comty
1
0
Fork 0
mirror of https://github.com/ragestudio/comty.git synced 2025-06-11 03:24:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix mobile layout

Browse Source
This commit is contained in:
SrGooglo 2022-11-22 00:37:28 +00:00
parent 2d2250dace
commit d60ac3e373
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/app/src/layouts/mobile/index.jsx
View File

@ -2,18 +2,20 @@ import React from "react"
import classnames from "classnames" import classnames from "classnames"
import * as antd from "antd" import * as antd from "antd"
import { Drawer, BottomBar } from "components/Layout" import { BottomBar, Drawer, Sidedrawer, Modal } from "components/Layout"
export default (props) => { export default (props) => {
return <antd.Layout className={classnames("app_layout", ["mobile"])} style={{ height: "100%" }}> return <antd.Layout className={classnames("app_layout", ["mobile"])} style={{ height: "100%" }}>
<antd.Layout className="content_layout"> <Modal />
<antd.Layout.Content className={classnames("layout_page", ...props.layoutPageModesClassnames ?? [])}>
<div id="transitionLayer" className="fade-transverse-active"> <antd.Layout.Content className={classnames("content_layout", ...props.layoutPageModesClassnames ?? [])}>
{React.cloneElement(props.children, props)} <div id="transitionLayer" className="fade-transverse-active">
</div> {React.cloneElement(props.children, props)}
</antd.Layout.Content> </div>
</antd.Layout> </antd.Layout.Content>
<BottomBar user={props.user} />
<BottomBar />
<Sidedrawer />
<Drawer /> <Drawer />
</antd.Layout> </antd.Layout>
} }