From 583cecc241bf6281794093ced847c46b3e36d058 Mon Sep 17 00:00:00 2001
From: Sam Becker <sam@sambecker.com>
Date: Thu, 14 Sep 2023 23:14:02 -0500
Subject: [PATCH] Set minimum page height

---
 src/app/(auth-state)/layout.tsx         |  9 +++++----
 src/app/(static)/layout.tsx             |  5 ++++-
 src/components/FooterAuth.tsx           |  1 +
 src/components/PageContentContainer.tsx | 11 +++++++++++
 src/photo/PhotosEmptyState.tsx          |  2 +-
 5 files changed, 22 insertions(+), 6 deletions(-)
 create mode 100644 src/components/PageContentContainer.tsx

diff --git a/src/app/(auth-state)/layout.tsx b/src/app/(auth-state)/layout.tsx
index 1af6c543..f98f925d 100644
--- a/src/app/(auth-state)/layout.tsx
+++ b/src/app/(auth-state)/layout.tsx
@@ -1,4 +1,5 @@
 import FooterAuth from '@/components/FooterAuth';
+import PageContentContainer from '@/components/PageContentContainer';
 import { SessionProvider } from 'next-auth/react';
 
 export default function RootLayout({
@@ -8,10 +9,10 @@ export default function RootLayout({
 }) {
   return (
     <SessionProvider>
-      {children}
-      <div className="my-8">
-        <FooterAuth />
-      </div>
+      <PageContentContainer>
+        {children}
+      </PageContentContainer>
+      <FooterAuth />
     </SessionProvider>
   );
 }
diff --git a/src/app/(static)/layout.tsx b/src/app/(static)/layout.tsx
index e8ebd56b..abfc0e8b 100644
--- a/src/app/(static)/layout.tsx
+++ b/src/app/(static)/layout.tsx
@@ -1,4 +1,5 @@
 import FooterStatic from '@/components/FooterStatic';
+import PageContentContainer from '@/components/PageContentContainer';
 
 export default function RootLayout({
   children,
@@ -7,7 +8,9 @@ export default function RootLayout({
 }) {
   return (
     <>
-      {children}
+      <PageContentContainer>
+        {children}
+      </PageContentContainer>
       <FooterStatic />
     </>
   );
diff --git a/src/components/FooterAuth.tsx b/src/components/FooterAuth.tsx
index bd4b9b15..9aed1910 100644
--- a/src/components/FooterAuth.tsx
+++ b/src/components/FooterAuth.tsx
@@ -24,6 +24,7 @@ export default function FooterAuth() {
     <SiteGrid
       contentMain={<div className={cc(
         'flex items-center',
+        'my-8',
         'text-gray-400 dark:text-gray-500',
       )}>
         <div className="flex gap-x-4 gap-y-1 flex-wrap flex-grow">
diff --git a/src/components/PageContentContainer.tsx b/src/components/PageContentContainer.tsx
new file mode 100644
index 00000000..3915e9c4
--- /dev/null
+++ b/src/components/PageContentContainer.tsx
@@ -0,0 +1,11 @@
+export default function PageContentContainer({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <div className="min-h-[16rem] sm:min-h-[30rem]">
+      {children}
+    </div>
+  );
+}
diff --git a/src/photo/PhotosEmptyState.tsx b/src/photo/PhotosEmptyState.tsx
index 26bb0541..9373a5d8 100644
--- a/src/photo/PhotosEmptyState.tsx
+++ b/src/photo/PhotosEmptyState.tsx
@@ -29,7 +29,7 @@ export default function PhotosEmptyState() {
                 {' '}
                 <Link
                   href="/admin"
-                  className="underline hover:no-underline"
+                  className="hover:text-gray-800 hover:dark:text-gray-100"
                 >
                   /admin
                 </Link>