This commit is contained in:
Rizky 2024-08-19 20:33:17 +07:00
parent 4e511eef9e
commit ec1d7d6271
2 changed files with 81 additions and 57 deletions

File diff suppressed because one or more lines are too long

View File

@ -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;
` `