Merge pull request #353 from dataforgoodfr/fixed/some-stuff

feat: update front

Author: TCatinaud

frontend/src/app/[locale]/_partials/header.tsx

@@ -228,7 +228,7 @@ const Header = () => {
                     onClick={() => toggleNav(false)}
                     role="menuitem"
                     className={clsx(
-                      'inline-flex items-center gap-2 px-4 py-2 lg:py-0.5',
+                      'flex items-center gap-2 px-4 py-2 lg:py-0.5',
                       link === 'financier' ? 'bg-resistance' : 'bg-alive',
                       'font-primary font-black tracking-widest uppercase text-black text-[12px] shadow-base',
                     )}

frontend/src/app/[locale]/climate-and-biodiversity/climate.tsx

@@ -45,6 +45,7 @@ export default function SocialPage({ data , thematicsData }: ThematicsProps) {
         imagePosition="left"
         imageTextRotation={-6}
         className="my-lg container"
+        contentClassName="lead"
       >
         {data.thematic?.description || ''}
       </EditoCard>
@@ -53,6 +54,7 @@ export default function SocialPage({ data , thematicsData }: ThematicsProps) {
         imageText={data.thematic?.quote2 || ''}
         image={data.thematic?.image_2?.url || ''}
         className="my-lg container"
+        contentClassName="lead"
       >
         {data.thematic?.description_2}
       </EditoCard>

frontend/src/app/[locale]/democracy/democracy.tsx

@@ -45,6 +45,7 @@ export default function SocialPage({ data, thematicsData }: ThematicsProps) {
         imagePosition="left"
         imageTextRotation={-6}
         className="my-lg container"
+        contentClassName="lead"
       >
         {data.thematic?.description || ''}
       </EditoCard>
@@ -53,6 +54,7 @@ export default function SocialPage({ data, thematicsData }: ThematicsProps) {
         imageText={data.thematic?.quote2 || ''}
         image={data.thematic?.image_2?.url || ''}
         className="my-lg container"
+        contentClassName="lead"
       >
         {data.thematic?.description_2}
       </EditoCard>

frontend/src/app/[locale]/social-justice/social.tsx

@@ -45,6 +45,7 @@ export default function SocialPage({ data, thematicsData }: ThematicsProps) {
         imagePosition="left"
         imageTextRotation={-6}
         className="my-lg container"
+        contentClassName="lead"
       >
         {data.thematic?.description || ''}
       </EditoCard>
@@ -53,6 +54,7 @@ export default function SocialPage({ data, thematicsData }: ThematicsProps) {
         imageText={data.thematic?.quote2 || ''}
         image={data.thematic?.image_2?.url || ''}
         className="my-lg container"
+        contentClassName="lead"
       >
         {data.thematic?.description_2}
       </EditoCard>

frontend/src/components/molecules/EditoCard/EditoCard.tsx

@@ -85,7 +85,7 @@ const EditoCard: React.FC<EditoCardProps> = ({
               'absolute z-1 before:absolute before:content-[""] before:-z-1 before:bg-black before:w-full before:h-full before:top-1 before:left-1',
               imageTextClassName,
             )} style={{ transform: `rotate(${imageTextRotation}deg)` }}>
-              <p className="relative z-2 h2-like p-2 text-black bg-white">{imageText}</p>
+              <p className="relative z-2 h3-like p-2 text-black bg-white">{imageText}</p>
             </div>
           )}
         </div>