PPOB/ppob-frontend
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: responsive each pages

Browse Source
This commit is contained in:
caturbgs
2021-12-09 12:53:55 +07:00
parent c452e8ed77
commit 0ae9495c58
4 changed files with 44 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/pages/App/DesktopLayout.js
View File

@@ -18,7 +18,7 @@ export const DesktopLayout = observer(() => {
<Layout
theme={"light"}
className={"transparent"}
hasSider={true}
hasSider={store.ui.mediaQuery.isDesktop}
style={{
paddingLeft: 0,
display: "flex",
@@ -148,7 +148,7 @@ export const DesktopLayout = observer(() => {
theme={"light"}
className={store.ui.mediaQuery.isMobile ? "shadow" : null}
style={{
height: store.ui.mediaQuery.isDesktop ? 54 : 35,
height: store.ui.mediaQuery.isDesktop ? 24 : 35,
// width: 'calc(100vw - 200px)',
width: "100%",
position: store.ui.mediaQuery.isDesktop ? "fixed" : "fixed",
@@ -158,7 +158,7 @@ export const DesktopLayout = observer(() => {
backgroundColor: store.ui.mediaQuery.isMobile
? "#fff"
: "transparent",
maxWidth: store.ui.mediaQuery.isDesktop ? 1920 : 768,
maxWidth: store.ui.mediaQuery.isDesktop ? 1024 : 768,
// minWidth: store.ui.mediaQuery.isDesktop ? 768 : 0,
top: store.ui.mediaQuery.isMobile ? 0 : 12,
/**/
@@ -426,7 +426,7 @@ export const DesktopLayout = observer(() => {
zIndex: 22,
// height: `calc(100vh - ${store.ui.mediaQuery.isDesktop ? 78 : 71}px)`,
height: `calc(100vh - ${
store.ui.mediaQuery.isDesktop ? 78 : 71
store.ui.mediaQuery.isDesktop ? 43 : 37
}px)`,
// paddingLeft: 8,
// paddingRight: 8