From fe618325cbf3a0031294a6f077afaa6a2cee37f3 Mon Sep 17 00:00:00 2001
From: Julien Margail <j.margail@geofit.fr>
Date: Fri, 6 Jan 2023 11:43:39 +0100
Subject: [PATCH] fix footer position (add header shadow)
---
src/components/Header.tsx | 2 +-
src/layouts/layout.tsx | 11 ++++++++---
2 files changed, 9 insertions(+), 4 deletions(-)
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 8a49d31..9001e5d 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -32,7 +32,7 @@ const Header = (props: IHeader) => {
return (
<>
- <div className="navbar bg-base-100 sticky top-0 z-50">
+ <div className="navbar bg-base-100 sticky top-0 z-50 shadow">
<div className="navbar-start">
<div className="dropdown lg:hidden">
<label tabIndex={0} className="btn btn-ghost ">
diff --git a/src/layouts/layout.tsx b/src/layouts/layout.tsx
index 2b41f3f..bcf9086 100644
--- a/src/layouts/layout.tsx
+++ b/src/layouts/layout.tsx
@@ -44,9 +44,14 @@ const Layout = ({ children }: Props): JSX.Element => {
/>
</Helmet>
<SEO />
- <Header />
- <div className="pt-0">{children}</div>
- <Footer />
+ {/* https://www.freecodecamp.org/news/how-to-keep-your-footer-where-it-belongs-59c6aa05c59c */}
+ <div className="relative min-h-screen">
+ <div className="pb-24">
+ <Header />
+ {children}
+ </div>
+ <Footer className="absolute bottom-0 h-24" />
+ </div>
</>
)
}
--
GitLab