From 58040d854974c1bb6b7f7c3f8067f8fd58443f81 Mon Sep 17 00:00:00 2001
From: RichardRNStudio <riiich@gmail.com>
Date: Mon, 19 Aug 2024 13:47:12 +0200
Subject: [PATCH] fix(#footer): fix footer for safeareaview & projects template
 alignments

---
 src/app/_components/Footer/Footer.tsx              | 2 +-
 src/app/_components/Header/Header.tsx              | 4 +++-
 src/app/projects/_components/Template/Template.tsx | 8 +++++++-
 tailwind.config.ts                                 | 3 +++
 4 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/app/_components/Footer/Footer.tsx b/src/app/_components/Footer/Footer.tsx
index 947c331..2384f58 100644
--- a/src/app/_components/Footer/Footer.tsx
+++ b/src/app/_components/Footer/Footer.tsx
@@ -3,7 +3,7 @@ import SocialLinks from '../SocialLinks/SocialLinks';
 
 const Footer = () => (
   <footer className="border-neutral-500 border-t border-opacity-30 text-black dark:text-white">
-    <Container className="min-h-16 flex items-center justify-between gap-2">
+    <Container className="min-h-18 sm:min-h-16 flex items-start sm:items-center justify-between gap-2 pt-4 sm:pt-0">
       <div>Richárd Nagy © {new Date().getFullYear()}</div>
       <div className="flex flex-row gap-5">
         <SocialLinks
diff --git a/src/app/_components/Header/Header.tsx b/src/app/_components/Header/Header.tsx
index 8e00f4c..a635205 100644
--- a/src/app/_components/Header/Header.tsx
+++ b/src/app/_components/Header/Header.tsx
@@ -9,7 +9,9 @@ const Header = () => (
     <Container className="w-full">
       <nav className="flex justify-between text-black dark:text-white">
         <div className="flex items-center">
-          <Link href="/">RNStudio</Link>
+          <Link href="/" className="hover:text-gray-300">
+            RNStudio
+          </Link>
         </div>
         <div className="flex flex-row items-center gap-4">
           <DesktopNavigation />
diff --git a/src/app/projects/_components/Template/Template.tsx b/src/app/projects/_components/Template/Template.tsx
index a4147a1..66e8f94 100644
--- a/src/app/projects/_components/Template/Template.tsx
+++ b/src/app/projects/_components/Template/Template.tsx
@@ -14,7 +14,13 @@ const Template = ({
     <div className="flex flex-col mx-2 sm:mx-6 text-black dark:text-white">
       {image && (
         <div className="flex flex-col justify-center items-center">
-          <Image src={image} alt={title} width={1200} height={500} />
+          <Image
+            src={image}
+            alt={title}
+            width={1200}
+            height={500}
+            loading="eager"
+          />
         </div>
       )}
       <div className="flex flex-col mt-6">
diff --git a/tailwind.config.ts b/tailwind.config.ts
index 6515c9c..8311ab0 100644
--- a/tailwind.config.ts
+++ b/tailwind.config.ts
@@ -14,6 +14,9 @@ const config: Config = {
         36.5: '9.125rem',
         70: '17.5rem',
       },
+      minHeight: {
+        18: '4.5rem',
+      },
       keyframes: {
         'switch-dark-move': {
           '0%': { transform: 'translateX(0)' },