Fix button alignment

opengento · Jan 27, 2025 · f22c4b6 · f22c4b6
1 parent 2576779
commit f22c4b6
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 26 deletions.
diff --git a/src/components/Speakers/Speakers.tsx b/src/components/Speakers/Speakers.tsx
@@ -1,7 +1,6 @@
 import Container from "@/layouts/Container";
 import React from "react";
 import Typography from "../Typography/Typography";
-import BackgroundImage from "../BackgroundImage/BackgroundImage";
 import SpeakersList from "./SpeakersList";
 import ButtonLink from "@/components/ButtonLink/ButtonLink";
 import { IoIosArrowForward } from "react-icons/io";
@@ -32,23 +31,18 @@ const Speakers = () => {
                 </Typography>
               </div>
             </div>
-            <BackgroundImage
-              imagePath="/images/pattern_speakers.svg"
-              className="w-full md:w-1/2"
-            >
-              <div className="">
-                <ButtonLink
-                  variant="secondary"
-                  href="https://forms.gle/M6Y8V2xP7PGw5VD8A"
-                  target="_blank"
-                  rel="noopener"
-                  iconPosition="right"
-                  icon={<IoIosArrowForward />}
-                >
-                  Rejoignez les conférenciers de MM25FR
-                </ButtonLink>
-              </div>
-            </BackgroundImage>
+            <div className="bg-[url(/images/pattern_speakers.svg)] bg-cover flex items-center justify-center w-full md:w-1/2">
+              <ButtonLink
+                variant="secondary"
+                href="https://forms.gle/M6Y8V2xP7PGw5VD8A"
+                target="_blank"
+                rel="noopener"
+                iconPosition="right"
+                icon={<IoIosArrowForward />}
+              >
+                Rejoignez les conférenciers de MM25FR
+              </ButtonLink>
+            </div>
           </div>
         </div>
       </div>

diff --git a/src/components/SponsorList/SponsorList.tsx b/src/components/SponsorList/SponsorList.tsx
@@ -7,7 +7,6 @@ import {SponsorListProps} from "@/components/SponsorList/SponsorListProps";
 import Container from "@/layouts/Container";
 import TopBanner from "@/components/TopBanner/TopBanner";
 import React from "react";
-import Link from "next/link";
 import ButtonLink from "@/components/ButtonLink/ButtonLink";
 
 const SponsorList = ({

diff --git a/src/layouts/Header/Header.tsx b/src/layouts/Header/Header.tsx
@@ -11,13 +11,18 @@ const Header = () => {
     <div className="w-full overflow-hidden rounded-b-xl md:rounded-xl">
       <BackgroundImage imagePath="/images/bg-gradiant-blue.jpg" priority>
         <div className="flex justify-between items-center">
-          <div
-            className="flex w-full justify-between gap-12 items-center h-20 px-4 md:px-14">
-            <Logo/>
-            <Navigation/>
-            <ButtonLink variant="primary" href="" target="_blank" rel="noopener" iconPosition="left" icon={<FaTicketAlt />}>
-              J’achète mon billet
-            </ButtonLink>
+          <div className="flex w-full justify-between gap-12 items-center h-20 px-4 md:px-14">
+            <div className="order-1">
+              <Logo/>
+            </div>
+            <div className="order-3 md:order-2">
+              <Navigation/>
+            </div>
+            <div className="order-2 md:order-3">
+              <ButtonLink variant="primary" href="" target="_blank" rel="noopener" iconPosition="left" icon={<FaTicketAlt />}>
+                J’achète mon billet
+              </ButtonLink>
+            </div>
           </div>
         </div>
       </BackgroundImage>