Spaces:
Running
on
L40S
Running
on
L40S
Commit
β’
0e2a66c
1
Parent(s):
c1240dc
up
Browse files- client/src/layout.tsx +17 -6
- client/src/styles/globals.css +0 -8
- public/index.js +25 -10
client/src/layout.tsx
CHANGED
@@ -17,13 +17,24 @@ export function Layout({ children }: { children: ReactNode }) {
|
|
17 |
}, []);
|
18 |
|
19 |
return (
|
20 |
-
|
21 |
-
style
|
22 |
-
|
23 |
-
|
24 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
25 |
</div>
|
26 |
</div>
|
27 |
-
|
28 |
);
|
29 |
}
|
|
|
17 |
}, []);
|
18 |
|
19 |
return (
|
20 |
+
<>
|
21 |
+
<style>{`
|
22 |
+
html, body {
|
23 |
+
position: fixed;
|
24 |
+
overflow: hidden;
|
25 |
+
width: 100%;
|
26 |
+
height: 100%;
|
27 |
+
overscroll-behavior: none;
|
28 |
+
}
|
29 |
+
`}</style>
|
30 |
+
<div className="fixed min-h-screen w-full flex items-center justify-center bg-gradient-to-br from-gray-300 to-stone-300"
|
31 |
+
style={{ boxShadow: "inset 0 0 10vh 0 rgb(0 0 0 / 30%)" }}>
|
32 |
+
<div className="min-h-screen w-full flex flex-col justify-center">
|
33 |
+
<div className="flex flex-col items-center justify-center p-2 sm:max-w-5xl sm:mx-auto">
|
34 |
+
{children}
|
35 |
+
</div>
|
36 |
</div>
|
37 |
</div>
|
38 |
+
</>
|
39 |
);
|
40 |
}
|
client/src/styles/globals.css
CHANGED
@@ -78,12 +78,4 @@
|
|
78 |
@apply bg-background text-foreground;
|
79 |
font-feature-settings: "rlig" 1, "calt" 1;
|
80 |
}
|
81 |
-
|
82 |
-
html, body {
|
83 |
-
position: fixed;
|
84 |
-
overflow: hidden;
|
85 |
-
width: 100%;
|
86 |
-
height: 100%;
|
87 |
-
overscroll-behavior: none;
|
88 |
-
}
|
89 |
}
|
|
|
78 |
@apply bg-background text-foreground;
|
79 |
font-feature-settings: "rlig" 1, "calt" 1;
|
80 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
81 |
}
|
public/index.js
CHANGED
@@ -33483,17 +33483,32 @@ function Layout({ children }) {
|
|
33483 |
document.body.removeEventListener("touchmove", preventDefaultTouchBehavior);
|
33484 |
};
|
33485 |
}, []);
|
33486 |
-
return jsx_dev_runtime3.jsxDEV(
|
33487 |
-
|
33488 |
-
|
33489 |
-
|
33490 |
-
|
33491 |
-
|
33492 |
-
|
33493 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
33494 |
}, undefined, false, undefined, this)
|
33495 |
-
|
33496 |
-
}, undefined,
|
33497 |
}
|
33498 |
|
33499 |
// src/app.tsx
|
|
|
33483 |
document.body.removeEventListener("touchmove", preventDefaultTouchBehavior);
|
33484 |
};
|
33485 |
}, []);
|
33486 |
+
return jsx_dev_runtime3.jsxDEV(jsx_dev_runtime3.Fragment, {
|
33487 |
+
children: [
|
33488 |
+
jsx_dev_runtime3.jsxDEV("style", {
|
33489 |
+
children: `
|
33490 |
+
html, body {
|
33491 |
+
position: fixed;
|
33492 |
+
overflow: hidden;
|
33493 |
+
width: 100%;
|
33494 |
+
height: 100%;
|
33495 |
+
overscroll-behavior: none;
|
33496 |
+
}
|
33497 |
+
`
|
33498 |
+
}, undefined, false, undefined, this),
|
33499 |
+
jsx_dev_runtime3.jsxDEV("div", {
|
33500 |
+
className: "fixed min-h-screen w-full flex items-center justify-center bg-gradient-to-br from-gray-300 to-stone-300",
|
33501 |
+
style: { boxShadow: "inset 0 0 10vh 0 rgb(0 0 0 / 30%)" },
|
33502 |
+
children: jsx_dev_runtime3.jsxDEV("div", {
|
33503 |
+
className: "min-h-screen w-full flex flex-col justify-center",
|
33504 |
+
children: jsx_dev_runtime3.jsxDEV("div", {
|
33505 |
+
className: "flex flex-col items-center justify-center p-2 sm:max-w-5xl sm:mx-auto",
|
33506 |
+
children
|
33507 |
+
}, undefined, false, undefined, this)
|
33508 |
+
}, undefined, false, undefined, this)
|
33509 |
}, undefined, false, undefined, this)
|
33510 |
+
]
|
33511 |
+
}, undefined, true, undefined, this);
|
33512 |
}
|
33513 |
|
33514 |
// src/app.tsx
|