refactor: align landing footer (#573)

* Refactor Footer component layout and styles. * Ran Formatter * Fixed wrap * ran formatter
cesium · Nov 14, 2023 · 0a14023 · 0a14023
1 parent 6c122f6
commit 0a14023
Showing 1 changed file with 34 additions and 34 deletions.
diff --git a/components/Footer/index.tsx b/components/Footer/index.tsx
@@ -85,34 +85,44 @@ export default function Footer(props: IFooterProps) {
       className={`spacing ${styles.bgTransition} bg-secondary`}
       ref={observe}
     >
-      <div className="justify-center lg:flex">
-        <div className="py- flex-1">
-          <div className="flex justify-center font-ibold lg:justify-start">
-            <Image
-              src="/images/sei-logo.svg"
-              width={100}
-              height={100}
-              alt="SEI Logo"
-            />
-            <p className="pl-6 text-white lg:flex-1">
-              Semana da <br />
-              Engenharia
-              <br />
-              Informática
-            </p>
-          </div>
+      <div className="flex flex-col justify-between gap-16 py-10 lg:flex-row">
+        <div className="flex items-start justify-center font-ibold lg:justify-start">
+          <Image
+            src="/images/sei-logo.svg"
+            width={100}
+            height={100}
+            alt="SEI Logo"
+          />
+          <p className="pl-6 text-white lg:flex-1">
+            Semana da <br />
+            Engenharia
+            <br />
+            Informática
+          </p>
+        </div>
+
+        <div className="mx-2 mt-20 hidden justify-center pb-10 lg:flex">
+          <Animation
+            text={
+              props.footerAnimationText != undefined ? (
+                props.footerAnimationText
+              ) : (
+                <DefaultAnimation />
+              )
+            }
+          >
+            {props.children}
+          </Animation>
         </div>
-        <div className="flex-2 py-10">
-          <div className="grid grid-rows-2 justify-items-center gap-8 font-iregular text-sm text-white lg:grid-cols-2 lg:justify-items-end">
+
+        <div className="flex-2">
+          <div className="grid grid-rows-2 justify-items-center gap-8 whitespace-nowrap font-iregular text-sm text-white lg:grid-cols-2 lg:justify-items-start">
             <Link
               href="https://2022.seium.org/"
               className="text-white hover:underline"
             >
               Previous Edition
             </Link>
-            <Link href="/docs/regulamento.pdf" className="hover:underline">
-              General Regulation
-            </Link>
             <Link
               href="https://docs.google.com/forms/d/e/1FAIpQLSdV1bSyW2tcLuTC_jJCGdZ5NZHUlgETK7nQkOmyDzwb7eFS4Q/viewform"
               className="hover:underline"
@@ -122,6 +132,9 @@ export default function Footer(props: IFooterProps) {
             <Link href="/docs/survival.pdf" className="hover:underline">
               Survival Guide
             </Link>
+            <Link href="/docs/regulamento.pdf" className="hover:underline">
+              General Regulation
+            </Link>
           </div>
           <div className="flex justify-center lg:justify-end">
             <div className="mt-10 text-white sm:w-1/2 lg:mt-0">
@@ -130,19 +143,6 @@ export default function Footer(props: IFooterProps) {
           </div>
         </div>
       </div>
-      <div className="invisible -mt-20 flex justify-center pb-10 lg:visible">
-        <Animation
-          text={
-            props.footerAnimationText != undefined ? (
-              props.footerAnimationText
-            ) : (
-              <DefaultAnimation />
-            )
-          }
-        >
-          {props.children}
-        </Animation>
-      </div>
     </div>
   );
 }