center footer on landing page

linobino1 · Sep 10, 2024 · ee57710 · ee57710
1 parent d5ff060
commit ee57710
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/app/components/Layout/index.module.css b/app/components/Layout/index.module.css
@@ -13,12 +13,12 @@
 
 .container footer {
   position: relative;
-  text-align: left;
   z-index: 1;
   padding: 1rem;
   padding-top: 4rem;
   color: #aaa;
   display: flex;
+  width: 100%;
   gap: 1rem;
 }
 

diff --git a/app/components/Layout/index.tsx b/app/components/Layout/index.tsx
@@ -1,4 +1,4 @@
-import { NavLink } from "@remix-run/react";
+import { NavLink, useLocation } from "@remix-run/react";
 import classes from "./index.module.css";
 
 interface Props extends React.HTMLAttributes<HTMLDivElement> {
@@ -7,17 +7,22 @@ interface Props extends React.HTMLAttributes<HTMLDivElement> {
 }
 
 export const Layout: React.FC<Props> = ({ type, children, ...props }) => {
+  const { pathname } = useLocation();
   return (
     <div className={classes.container} data-layout-type={type ?? "black"}>
       <main {...props}>{children}</main>
       {!props.noFooter && (
-        <footer>
+        <footer
+          style={{ justifyContent: pathname === "/" ? "center" : "start" }}
+        >
           <NavLink prefetch="intent" to="/legal">
             legal notice
           </NavLink>
-          <NavLink prefetch="intent" to="/past-shows">
-            past shows
-          </NavLink>
+          {pathname === "/" && (
+            <NavLink prefetch="intent" to="/past-shows">
+              past shows
+            </NavLink>
+          )}
         </footer>
       )}
     </div>