fix: temporary fix for footer height on mobile view

bcgov · Jul 29, 2022 · 015ebc3 · 015ebc3
1 parent eb0d6f1
commit 015ebc3
Showing 1 changed file with 25 additions and 13 deletions.
diff --git a/app/components/Layout/Footer.tsx b/app/components/Layout/Footer.tsx
@@ -5,19 +5,31 @@ import BCGovLink from "@button-inc/bcgov-theme/Link";
 
 const Footer = () => {
   return (
-    <BCGovFooter>
-      <ul>
-        {footerLinks.map(({ name, href }) => (
-          <li key={name}>
-            <Link passHref href={href}>
-              <BCGovLink target="_blank" style={{ textDecoration: "none" }}>
-                {name}
-              </BCGovLink>
-            </Link>
-          </li>
-        ))}
-      </ul>
-    </BCGovFooter>
+    <>
+      <div>
+        <BCGovFooter>
+          <ul>
+            {footerLinks.map(({ name, href }) => (
+              <li key={name}>
+                <Link passHref href={href}>
+                  <BCGovLink target="_blank">{name}</BCGovLink>
+                </Link>
+              </li>
+            ))}
+          </ul>
+        </BCGovFooter>
+      </div>
+      <style jsx>
+        {`
+          div :global(.pg-footer-footer) {
+            height: auto;
+          }
+          div :global(a) {
+            text-decoration: none;
+          }
+        `}
+      </style>
+    </>
   );
 };