fix
This commit is contained in:
parent
4e511eef9e
commit
ec1d7d6271
File diff suppressed because one or more lines are too long
|
|
@ -175,24 +175,10 @@ export const Root = () => {
|
||||||
}
|
}
|
||||||
// #endregion
|
// #endregion
|
||||||
|
|
||||||
|
let mobileCSS = "";
|
||||||
return (
|
if (base.mode === "mobile") {
|
||||||
<Provider value={w.prasiContext}>
|
if (["prasi.avolut.com", "localhost:4550"].includes(location.host)) {
|
||||||
<div
|
mobileCSS = css`
|
||||||
className={cx("relative flex flex-1 items-center justify-center")}
|
|
||||||
onPointerLeave={() => {
|
|
||||||
w.pointerActive = false;
|
|
||||||
}}
|
|
||||||
onPointerEnter={() => {
|
|
||||||
w.pointerActive = true;
|
|
||||||
}}
|
|
||||||
>
|
|
||||||
<div
|
|
||||||
className={cx(
|
|
||||||
"absolute flex flex-col items-stretch flex-1 bg-white main-content-preview",
|
|
||||||
base.mode === "mobile" &&
|
|
||||||
["prasi.avolut.com", "localhost:4550"].includes(location.host)
|
|
||||||
? css`
|
|
||||||
@media (min-width: 768px) {
|
@media (min-width: 768px) {
|
||||||
border-left: 1px solid #ccc;
|
border-left: 1px solid #ccc;
|
||||||
border-right: 1px solid #ccc;
|
border-right: 1px solid #ccc;
|
||||||
|
|
@ -209,9 +195,37 @@ export const Root = () => {
|
||||||
bottom: 0px;
|
bottom: 0px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
`
|
`;
|
||||||
: "inset-0 overflow-auto",
|
} else {
|
||||||
|
mobileCSS = css`
|
||||||
|
@media (min-width: 1600px) {
|
||||||
|
border-left: 1px solid #ccc;
|
||||||
|
border-right: 1px solid #ccc;
|
||||||
|
width: 375px;
|
||||||
|
top: 0px;
|
||||||
|
overflow-x: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
|
bottom: 0px;
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return (
|
||||||
|
<Provider value={w.prasiContext}>
|
||||||
|
<div
|
||||||
|
className={cx("relative flex flex-1 items-center justify-center")}
|
||||||
|
onPointerLeave={() => {
|
||||||
|
w.pointerActive = false;
|
||||||
|
}}
|
||||||
|
onPointerEnter={() => {
|
||||||
|
w.pointerActive = true;
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<div
|
||||||
|
className={cx(
|
||||||
|
"absolute flex flex-col items-stretch flex-1 bg-white main-content-preview",
|
||||||
|
base.mode === "mobile" ? mobileCSS : "inset-0 overflow-auto",
|
||||||
css`
|
css`
|
||||||
contain: content;
|
contain: content;
|
||||||
`
|
`
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue