feat(design): fix design

crnvl · Feb 18, 2024 · cf882b8 · cf882b8
1 parent 5a15c96
commit cf882b8
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/layout/page-layout.tsx b/src/layout/page-layout.tsx
@@ -15,7 +15,7 @@ const PageLayout: FC<IProps> = (props) => {
         <title>{props.title}</title>
         <meta name="description" content={props.description} />
       </Head>
-      <div className="bg-background text-text">
+      <div className="bg-background text-text overflow-x-hidden">
         <Navbar title={props.title} />
         {props.children}
       </div>

diff --git a/src/pages/about.tsx b/src/pages/about.tsx
@@ -1,7 +1,7 @@
 export default function About() {
   return (
     <>
-      <div className="w-screen h-[calc(100vh-74px)] bg-background flex justify-center px-4">
+      <div className="w-screen h-full bg-background flex justify-center px-4">
         <div className="py-4 max-w-lg">
           <h1 className="text-2xl underline">about web-expl</h1>
           <p className="text-primary">
@@ -31,6 +31,7 @@ export default function About() {
           </p>
           <br />
           <center>Developed with 💖 using NextJS, TailwindCSS and ThreeJS</center>
+          <div className="p-16"/>
         </div>
       </div>
     </>