From 25572b6f06e9d3d7bcf613ace4246f0e3aee16d7 Mon Sep 17 00:00:00 2001
From: Emmanuel Pelletier <manu@habite.la>
Date: Tue, 7 May 2024 17:19:21 +0200
Subject: [PATCH] integration/header: apply red border on the header, not the
 container

this makes more sense as sometimes we'll want to use only the header
without the whole homepage
---
 packages/integration/src/components/Header.tsx | 2 +-
 packages/integration/src/styles/homepage.css   | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/packages/integration/src/components/Header.tsx b/packages/integration/src/components/Header.tsx
index c4c4588..3ce5f8a 100644
--- a/packages/integration/src/components/Header.tsx
+++ b/packages/integration/src/components/Header.tsx
@@ -57,7 +57,7 @@ export const Header = ({
 }: Props) => {
   const { t } = useTranslate()
   return (
-    <header role="banner" className="fr-header">
+    <header role="banner" className="fr-header lasuite-header">
       <div className="fr-header__body">
         <div className="fr-container lasuite-container">
           <div className="fr-header__body-row">
diff --git a/packages/integration/src/styles/homepage.css b/packages/integration/src/styles/homepage.css
index ecf63d9..28e36a8 100644
--- a/packages/integration/src/styles/homepage.css
+++ b/packages/integration/src/styles/homepage.css
@@ -14,9 +14,12 @@
 }
 
 .lasuite-homepage {
-  height: 100dvh;
+  min-height: 100dvh;
   display: flex;
   flex-direction: column;
+}
+
+.lasuite-header {
   border-top: 5px solid #e1000f;
 }