feat: ✨ improve layout

yjaaidi · yjaaidi · commit ad094b8f0d95 · 2024-11-21T09:16:04.000+01:00
diff --git a/apps/cookbook/src/pages/index.module.css b/apps/cookbook/src/pages/index.module.css
@@ -21,10 +21,13 @@
 }
 
 .heroBanner {
+  display: flex;
+  padding: 2rem 0 8rem 0;
+  min-height: calc(100vh - 160px);
+
   background: #eed9ff;
   color: var(--marmicode-primary);
   font-family: Roboto;
-  padding: 2rem 0;
   text-align: center;
   position: relative;
   overflow: hidden;
diff --git a/apps/cookbook/src/pages/index.tsx b/apps/cookbook/src/pages/index.tsx
@@ -18,13 +18,13 @@ export default function Home(): JSX.Element {
         'Ingredients & Recipes for Cooking Delicious Apps with Angular & Nx'
       }
     >
-      <HomepageHeader />
+      <HeroBanner />
       <Authors />
     </Layout>
   );
 }
 
-function HomepageHeader() {
+function HeroBanner() {
   return (
     <header className={styles.heroBanner}>
       <div className={clsx('container', styles.container)}>

Original file line number	Diff line number	Diff line change
`@@ -18,13 +18,13 @@ export default function Home(): JSX.Element {`
`18`	`18`	`'Ingredients & Recipes for Cooking Delicious Apps with Angular & Nx'`
`19`	`19`	`}`
`20`	`20`	`>`
`21`		`- <HomepageHeader />`
	`21`	`+ <HeroBanner />`
`22`	`22`	`<Authors />`
`23`	`23`	`</Layout>`
`24`	`24`	`);`
`25`	`25`	`}`
`26`	`26`
`27`		`-function HomepageHeader() {`
	`27`	`+function HeroBanner() {`
`28`	`28`	`return (`
`29`	`29`	`<header className={styles.heroBanner}>`
`30`	`30`	`<div className={clsx('container', styles.container)}>`