feat: replace header logo (#635)

* feat: replace header logo * chore: replace logo strings and styles
SocialGouv · Oct 29, 2024 · 690b657 · 690b657
1 parent 99acb91
commit 690b657
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 15 deletions.
diff --git a/formulaire/src/components/Footer.tsx b/formulaire/src/components/Footer.tsx
@@ -15,7 +15,7 @@ export default function Footer(): ReactElement {
   return (
     <FooterDSE className={styles.footer}>
       <FooterBody description="Simplifier la démarche de demande d’autorisation d’emplois d’enfants du spectacle tout en garantissant une plus grande protection des mineurs de moins de 16 ans travaillant dans ce secteur">
-        <Logo>Préfet de la région Île-de-France</Logo>
+        <Logo>MINISTÈRE DU TRAVAIL ET DE L'EMPLOI</Logo>
         <FooterBodyItem>
             <Link href="https://info.gouv.fr" target="_blank">
               info.gouv.fr

diff --git a/formulaire/src/components/Header.tsx b/formulaire/src/components/Header.tsx
@@ -61,7 +61,7 @@ const Header: React.FC<Props> = ({
       <div className={styles.wrapper}>
         <HeaderSDE className={styles.headerSDE}>
           <HeaderBody>
-            <Logo>Préfet de la région Île-de-France</Logo>
+            <Logo>RÉPUBLIQUE FRANÇAISE</Logo>
             <HeaderOperator>
               <Image
                 src={logoEds}

diff --git a/formulaire/src/styles/global.scss b/formulaire/src/styles/global.scss
@@ -147,4 +147,10 @@
       background-color: #EEEEEE;
       font-size: 16px;
     }
-  }
+  }
+
+  .fr-header__logo .fr-logo {
+    max-width: 7rem;
+    min-width: 7rem;
+    font-size: 1rem !important;
+  }
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -19,7 +19,7 @@ export default function Footer(): ReactElement {
   return (
     <FooterDSE className={styles.footer}>
       <FooterBody description="Simplifier la démarche de demande d’autorisation d’emplois d’enfants du spectacle tout en garantissant une plus grande protection des mineurs de moins de 16 ans travaillant dans ce secteur.">
-        <Logo>Préfet de la région Île-de-France</Logo>
+        <Logo>MINISTÈRE DU TRAVAIL ET DE L'EMPLOI</Logo>
         <FooterBodyItem>
             <Link href="https://info.gouv.fr" target="_blank">
               info.gouv.fr
@@ -52,16 +52,6 @@ export default function Footer(): ReactElement {
           </a>
         </span>
       </div>
-      <FooterPartners>
-        <FooterPartnersTitle>Partenaires</FooterPartnersTitle>
-        <FooterPartnersLink href="https://www.culture.gouv.fr/Regions/Drac-Ile-de-France" />
-        <FooterPartnersLogo
-          isMain
-          href="#"
-          imageSrc="/logo-beta-gouv.png"
-          imageAlt="beta.gouv.fr"
-        />
-      </FooterPartners>
       <FooterBottom>
         <FooterLink href="/mentions">Mentions légales</FooterLink>
         <FooterLink href="/conditions-generales">

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
@@ -62,7 +62,7 @@ const Header: React.FC<Props> = ({
         <HeaderSDE className={styles.headerSDE}>
           <div>
             <HeaderBody>
-              <Logo>Préfet de la région Île-de-France</Logo>
+              <Logo>RÉPUBLIQUE FRANÇAISE</Logo>
               <HeaderOperator>
                 <Image
                   src={logoEds}

diff --git a/src/styles/globals.scss b/src/styles/globals.scss
@@ -203,3 +203,9 @@ button.state-refuse {
       margin-bottom: 20px;
   }
 }
+
+.fr-header__logo .fr-logo {
+  max-width: 7.5rem;
+  min-width: 7.5rem;
+  font-size: 1rem !important;
+}