matrix-art

commit 5d92fb79667f48ff968658df3189b0d5c669cee2
parent 6bf6e849e8d7a27a8aa5ba04b27c75154a16517f
Author: MTRNord <mtrnord1@gmail.com>
Date:   Fri,  7 Jan 2022 02:56:28 +0100

Make the footer on mobile be in column mode

Diffstat:
M
components/Footer.tsx
 | 
2
+-

1 file changed, 1 insertion(+), 1 deletion(-)
diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -4,7 +4,7 @@ import { PureComponent } from "react";
 export default class Footer extends PureComponent {
     render() {
         return (
-            <footer className="w-full min-h-[25rem] bg-[#FEFEFE] dark:bg-[#12161D] flex justify-center items-center z-0">
+            <footer className="w-full lg:min-h-[25rem] min-h-[12.5rem] bg-[#FEFEFE] dark:bg-[#12161D] flex lg:flex-row flex-col justify-center items-center z-0">
                 <Link href={`https://github.com/MTRNord/matrix-art`} passHref><a className="px-16 text-lg text-gray-700 dark:text-gray-400 font-bold">Github</a></Link>
                 <Link href={`https://matrix.to/#/#matrix-art:nordgedanken.dev`} passHref><a className="px-16 text-lg text-gray-700 dark:text-gray-400 font-bold">Matrix</a></Link>
                 <Link href={`/profile/${encodeURIComponent("@mtrnord:nordgedanken.dev")}`} passHref><a className="px-16 text-lg text-gray-700 dark:text-gray-400 font-bold">Developer</a></Link>