fix(demo): make page body expand, not overflow

ascpixi · Dec 6, 2024 · d6b8bba · d6b8bba
1 parent dd2f62b
commit d6b8bba
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 6 deletions.
diff --git a/demo/src/app/globals.css b/demo/src/app/globals.css
@@ -14,7 +14,7 @@
   }
 }
 
-body {
+html, body {
   color: var(--foreground);
   background: var(--background);
   font-family: Arial, Helvetica, sans-serif;

diff --git a/demo/src/app/layout.tsx b/demo/src/app/layout.tsx
@@ -21,9 +21,9 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en" className="h-full dark">
+    <html lang="en" className="dark">
       <body
-        className={`${font.variable} antialiased h-full`}
+        className={`${font.variable} antialiased`}
       >
         <Providers>
           {children}

diff --git a/demo/src/app/page.tsx b/demo/src/app/page.tsx
@@ -7,7 +7,7 @@ import { HftnnDemo } from "./HftnnDemo";
 
 export default function Home() {
   return (
-    <div className="h-full px-48 py-32 font-[family-name:var(--font-sans)]">
+    <div className="px-48 py-32 font-[family-name:var(--font-sans)]">
       <header className="flex flex-col gap-4">
         <div className="flex flex-col gap-2">
           <p className="font-semibold text-indigo-400">Harmonic Fourier Transform for Neural Networks</p>

diff --git a/package-lock.json b/package-lock.json