feat: layout improvements

simonyiszk · Dec 16, 2023 · c6373bd · c6373bd
1 parent f918f47
commit c6373bd
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 17 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -19,11 +19,9 @@ export default function RootLayout({ children }: { children: React.ReactNode })
   return (
     <html lang='hu'>
       <body className={raleway.className}>
-        <main className='grid grid-rows-[auto_1fr_auto] h-[100svh]'>
+        <main className='flex flex-col min-h-screen'>
           <Navbar />
-          <div className='max-w-6xl p-20 mx-auto relative h-full w-full flex justify-center items-center'>
-            {children}
-          </div>
+          <div className='flex-grow relative flex flex-col justify-center items-center'>{children}</div>
           <Footer />
         </main>
       </body>

diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -9,20 +9,22 @@ import konfLogo from '../../public/img/konf.svg';
 export default function Landing() {
   return (
     <>
-      <div className='shadow-gloria rounded-full overflow-hidden'>
-        <video className='h-full w-full' autoPlay playsInline loop controls={false}>
-          <source src='/video/nebula.mp4' type='video/mp4' />
-        </video>
-      </div>
-      <div className='absolute top-0 bottom-0 left-0 right-0 flex items-center justify-center flex-col py-5 gap-5 p-5'>
-        <Image src={konfLogo} alt='Simonyi Konferencia' className='w-full' />
-        <p className='font-bold text-xl sm:text-2xl text-center'>{metadata.description}</p>
-        <p className='font-semibold text-2xl sm:text-6xl'>24. 03. 19.</p>
-        <div className='flex md:hidden flex-col items-center gap-10 mt-10'>
-          <SocialButtons />
-          <NewsletterModals />
+      <div className='p-10 relative'>
+        <div className='max-w-md md:max-w-xl relative shadow-gloria rounded-full overflow-hidden mx-auto'>
+          <video className='h-full w-full' autoPlay playsInline loop controls={false}>
+            <source src='/video/nebula.mp4' type='video/mp4' />
+          </video>
+        </div>
+        <div className='absolute top-0 bottom-0 left-0 right-0 flex items-center justify-center flex-col gap-5 p-5'>
+          <Image src={konfLogo} alt='Simonyi Konferencia' className='w-full' />
+          <p className='font-bold text-xl sm:text-2xl text-center'>{metadata.description}</p>
+          <p className='font-semibold text-4xl sm:text-6xl'>24. 03. 19.</p>
         </div>
       </div>
+      <div className='flex md:hidden flex-col items-center gap-10 mt-10'>
+        <SocialButtons />
+        <NewsletterModals />
+      </div>
     </>
   );
 }
diff --git a/src/components/navbar/desktop-navbar.tsx b/src/components/navbar/desktop-navbar.tsx
@@ -3,7 +3,7 @@ import { UniLogos } from '@/components/uni-logos';
 
 export function DesktopNavbar() {
   return (
-    <nav className='hidden md:flex p-10 md:p-15 justify-between items-center flex-wrap gap-10 flex-col md:flex-row'>
+    <nav className='hidden md:flex p-10 md:p-15 pb-0 justify-between items-center flex-wrap gap-10 flex-col md:flex-row'>
       <UniLogos />
       <div className='flex items-center gap-10'>
         <NavbarItems />