fix footer and move fasting to footer

yurtemre7 · May 20, 2024 · ad5cf43 · ad5cf43
1 parent 65d8ca8
commit ad5cf43
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 12 deletions.
diff --git a/components/my_footer.tsx b/components/my_footer.tsx
@@ -1,11 +1,10 @@
 export default function MyFooter() {
     return (
-        <footer className="bg-blue-800 text-white py-4 px-6">
-            <div className="flex justify-between items-center">
-                <div>
+        <footer className="bg-blue-800 text-white py-4 px-6 md:flex md:justify-between flex-col">
+            <div className="md:justify-between md:flex md:items-center flex-col md:flex-row">
+                <div className="text-center md:text-left">
                     <p>© 2020 - {new Date().getFullYear()} <a className="hover:underline" href="/">yurtemre.de</a></p>
-                    {/* row */}
-                    <div className="flex mt-1">
+                    <div className="flex justify-center md:justify-start mt-1">
                         <p>Made with fresh</p>
                         <div className="ml-2" />
                         <img
@@ -16,7 +15,8 @@ export default function MyFooter() {
                         />
                     </div>
                 </div>
-                <div>
+                <div className="mt-4 md:mt-0 text-center md:text-right">
+                    <a href="/fasting" className="hover:underline hover:text-blue-200 mr-4">Fasting</a>
                     <a href="/impressum" className="hover:underline hover:text-blue-200 mr-4">Impressum</a>
                     <a href="/datenschutz" className="hover:underline hover:text-blue-200">Datenschutz</a>
                 </div>

diff --git a/routes/index.tsx b/routes/index.tsx
@@ -90,12 +90,6 @@ export default function Home({ data }: PageProps<InitialData>) {
               >
                 Kontakt 📬
               </a></button>
-              <div className="mx-4"></div>
-              <button className="bg-white text-blue-800 rounded shadow-lg py-2 px-4 hover:bg-blue-800 hover:text-white transition-colors duration-300"><a
-                href="/fasting"
-              >
-                Zum fasting ⚡
-              </a></button>
             </div>
             <div id="wotd" className="flex items-center justify-center text-center text-white mt-6">
               <WordOfTheDay word={data.wotd.word} link={data.wotd.link} />