Fix height

cesalberca · Aug 22, 2024 · 8076ec6 · 8076ec6
1 parent 4f34204
commit 8076ec6
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 26 deletions.
diff --git a/src/app/blog/[slug]/page.tsx b/src/app/blog/[slug]/page.tsx
@@ -76,7 +76,7 @@ export default function Blog({ params }: Params) {
   }
 
   return (
-    <Page>
+    <Page top>
       <script
         type="application/ld+json"
         suppressHydrationWarning

diff --git a/src/core/components/page/page.tsx b/src/core/components/page/page.tsx
@@ -1,12 +1,13 @@
 import type { FC, PropsWithChildren } from 'react'
 import { Navbar } from '../navbar/navbar'
 import { Footer } from '../footer/footer'
+import { cn } from '@/lib/utils'
 
-export const Page: FC<PropsWithChildren> = ({ children }) => {
+export const Page: FC<PropsWithChildren<{ top?: boolean }>> = ({ children, top = false }) => {
   return (
     <div className="flex flex-col min-h-screen">
       <Navbar className="w-full" />
-      <main className="flex-grow">{children}</main>
+      <main className={cn('flex-grow', { 'md:mt-[100px]': !top })}>{children}</main>
       <Footer />
     </div>
   )

diff --git a/src/features/home/ui/home.page.tsx b/src/features/home/ui/home.page.tsx
@@ -46,7 +46,7 @@ export const HomePage: FC<{ articles: Article[] }> = ({ articles }) => {
   ]
 
   return (
-    <Page>
+    <Page top>
       <OpenToWork />
       <Hero image="/assets/images/me-no-bg.png" imageClassName="object-top md:object-contain pt-16 mx-auto max-w-xl">
         <header className="absolute inset-0 md:pt-[100px] flex flex-col justify-center wrapper">

diff --git a/src/features/talks/delivery/talks/talks.page.tsx b/src/features/talks/delivery/talks/talks.page.tsx