Merge branch 'main' of https://git.neogeo.fr/onegeo-suite/libs/gatsby-theme-onegeo into feat/text

src/components/Section.tsx

@@ -128,7 +128,12 @@ const Section = (props: ISection) => {
         >
             {section.title && (
                 <h2
-                    className={twMerge("text-3xl font-extrabold", oClass.title)}
+                    className={twMerge(
+                        // "text-2xl font-extrabold sm:text-5xl",
+                        // breakpoint can 'break' overrides in project (smeag)
+                        "text-5xl font-extrabold",
+                        oClass.title
+                    )}
                 >
                     {section.title}
                 </h2>
@@ -136,7 +141,8 @@ const Section = (props: ISection) => {
             {section.subtitle && (
                 <h4
                     className={twMerge(
-                        "mt-2 text-2xl font-bold",
+                        // "mt-2 text-xl font-bold sm:text-3xl",
+                        "mt-2 text-3xl font-bold",
                         oClass.subtitle
                     )}
                 >

src/components/Text.tsx

@@ -28,7 +28,7 @@ const Text = (props: IText) => {
             {title && (
                 <h2
                     className={twMerge(
-                        "font-extrabold sm:text-4xl",
+                        "text-2xl font-extrabold sm:text-4xl",
                         oClass.title
                     )}
                 >

src/components/section/component.tsx

@@ -169,7 +169,12 @@ const Component = (props: IComponent) => {
             let img = images?.length ? images[0].src : undefined
 
             var oClass = restProps.options ? restProps.options.class : ""
-            return <Image image={img} className={oClass} />
+            var objectFit = restProps.options?.objectFit
+                ? restProps.options.objectFit
+                : ""
+            return (
+                <Image image={img} className={oClass} objectFit={objectFit} />
+            )
         case "mapgl":
             return <div>Carte Maplibre</div>
         case "geoportal":