fix
This commit is contained in:
parent
d2df629851
commit
f3ee63ea2d
File diff suppressed because one or more lines are too long
|
|
@ -179,34 +179,25 @@ export const Root = () => {
|
||||||
|
|
||||||
if (base.page.root.responsive === "mobile") {
|
if (base.page.root.responsive === "mobile") {
|
||||||
base.mode = "mobile";
|
base.mode = "mobile";
|
||||||
|
mobileCSS = css`
|
||||||
if (
|
@media (min-width: 768px) {
|
||||||
!/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
|
border-left: 1px solid #ccc;
|
||||||
navigator.userAgent
|
border-right: 1px solid #ccc;
|
||||||
)
|
width: 375px;
|
||||||
) {
|
top: 0px;
|
||||||
// if page is mobile but device is not, frame the screen
|
overflow-x: hidden;
|
||||||
|
overflow-y: auto;
|
||||||
mobileCSS = css`
|
bottom: 0px;
|
||||||
@media (min-width: 768px) {
|
}
|
||||||
border-left: 1px solid #ccc;
|
@media (max-width: 767px) {
|
||||||
border-right: 1px solid #ccc;
|
left: 0px;
|
||||||
width: 375px;
|
right: 0px;
|
||||||
top: 0px;
|
top: 0px;
|
||||||
overflow-x: hidden;
|
bottom: 0px;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
bottom: 0px;
|
}
|
||||||
}
|
`;
|
||||||
@media (max-width: 767px) {
|
} else if (base.page.root.responsive === "desktop") {
|
||||||
left: 0px;
|
|
||||||
right: 0px;
|
|
||||||
top: 0px;
|
|
||||||
bottom: 0px;
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
`;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
base.mode = "desktop";
|
base.mode = "desktop";
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue