fix(#footer): fix footer for safeareaview & projects template alignments

RichardRNStudio · Aug 19, 2024 · 58040d8 · 58040d8
1 parent 95829b6
commit 58040d8
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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)' },