jbilcke-hf HF staff commited on
Commit
0e2a66c
β€’
1 Parent(s): c1240dc
client/src/layout.tsx CHANGED
@@ -17,13 +17,24 @@ export function Layout({ children }: { children: ReactNode }) {
17
  }, []);
18
 
19
  return (
20
- <div className="fixed min-h-screen w-full flex items-center justify-center bg-gradient-to-br from-gray-300 to-stone-300"
21
- style={{ boxShadow: "inset 0 0 10vh 0 rgb(0 0 0 / 30%)" }}>
22
- <div className="min-h-screen w-full flex flex-col justify-center">
23
- <div className="flex flex-col items-center justify-center p-2 sm:max-w-5xl sm:mx-auto">
24
- {children}
 
 
 
 
 
 
 
 
 
 
 
25
  </div>
26
  </div>
27
- </div>
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("div", {
33487
- className: "fixed min-h-screen w-full flex items-center justify-center bg-gradient-to-br from-gray-300 to-stone-300",
33488
- style: { boxShadow: "inset 0 0 10vh 0 rgb(0 0 0 / 30%)" },
33489
- children: jsx_dev_runtime3.jsxDEV("div", {
33490
- className: "min-h-screen w-full flex flex-col justify-center",
33491
- children: jsx_dev_runtime3.jsxDEV("div", {
33492
- className: "flex flex-col items-center justify-center p-2 sm:max-w-5xl sm:mx-auto",
33493
- children
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
33494
  }, undefined, false, undefined, this)
33495
- }, undefined, false, undefined, this)
33496
- }, undefined, false, undefined, this);
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