From 0e5078b815bb87e724cad78740336617a57580fa Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Sun, 15 Mar 2026 12:46:51 +0000
Subject: [PATCH 1/2] [#117] Fix min-h-screen double-nesting causing 44px
 overflow

Replace min-h-screen on page wrapper divs with min-h-[calc(100vh-2.75rem)]
to account for the nav's pt-11 (44px) offset in root layout.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/app/chain/page.tsx            | 4 ++--
 src/app/create/page.tsx           | 4 ++--
 src/app/dashboard/reader/page.tsx | 2 +-
 src/app/dashboard/writer/page.tsx | 2 +-
 src/app/discover/page.tsx         | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/chain/page.tsx b/src/app/chain/page.tsx
index df2c72bf..c28db283 100644
--- a/src/app/chain/page.tsx
+++ b/src/app/chain/page.tsx
@@ -56,7 +56,7 @@ export default function ChainPlotPage() {
 
   if (!isConnected) {
     return (
-      <div className="flex min-h-screen flex-col items-center justify-center gap-4 px-6">
+      <div className="flex min-h-[calc(100vh-2.75rem)] flex-col items-center justify-center gap-4 px-6">
         <p className="text-muted text-sm">
           Connect your wallet to chain a plot.
         </p>
@@ -66,7 +66,7 @@ export default function ChainPlotPage() {
 
   if (state === "published") {
     return (
-      <div className="flex min-h-screen flex-col items-center justify-center gap-6 px-6">
+      <div className="flex min-h-[calc(100vh-2.75rem)] flex-col items-center justify-center gap-6 px-6">
         <h1 className="text-accent text-2xl font-bold">Plot chained!</h1>
         <div className="flex gap-3">
           {storylineId && (
diff --git a/src/app/create/page.tsx b/src/app/create/page.tsx
index 7158cd0b..1a7f6870 100644
--- a/src/app/create/page.tsx
+++ b/src/app/create/page.tsx
@@ -38,7 +38,7 @@ export default function CreateStorylinePage() {
 
   if (!isConnected) {
     return (
-      <div className="flex min-h-screen flex-col items-center justify-center gap-4 px-6">
+      <div className="flex min-h-[calc(100vh-2.75rem)] flex-col items-center justify-center gap-4 px-6">
         <p className="text-muted text-sm">
           Connect your wallet to create a storyline.
         </p>
@@ -48,7 +48,7 @@ export default function CreateStorylinePage() {
 
   if (state === "published") {
     return (
-      <div className="flex min-h-screen flex-col items-center justify-center gap-6 px-6">
+      <div className="flex min-h-[calc(100vh-2.75rem)] flex-col items-center justify-center gap-6 px-6">
         <h1 className="text-accent text-2xl font-bold">Storyline created!</h1>
         <div className="flex gap-3">
           <Link
diff --git a/src/app/dashboard/reader/page.tsx b/src/app/dashboard/reader/page.tsx
index 0d9c5c63..8dd0f401 100644
--- a/src/app/dashboard/reader/page.tsx
+++ b/src/app/dashboard/reader/page.tsx
@@ -52,7 +52,7 @@ export default function ReaderDashboard() {
 
   if (!isConnected) {
     return (
-      <div className="flex min-h-screen flex-col items-center justify-center gap-4 px-6">
+      <div className="flex min-h-[calc(100vh-2.75rem)] flex-col items-center justify-center gap-4 px-6">
         <p className="text-muted text-sm">
           Connect your wallet to view your dashboard.
         </p>
diff --git a/src/app/dashboard/writer/page.tsx b/src/app/dashboard/writer/page.tsx
index dfa0b45b..c14a1c99 100644
--- a/src/app/dashboard/writer/page.tsx
+++ b/src/app/dashboard/writer/page.tsx
@@ -35,7 +35,7 @@ export default function WriterDashboard() {
 
   if (!isConnected) {
     return (
-      <div className="flex min-h-screen flex-col items-center justify-center gap-4 px-6">
+      <div className="flex min-h-[calc(100vh-2.75rem)] flex-col items-center justify-center gap-4 px-6">
         <p className="text-muted text-sm">
           Connect your wallet to view your dashboard.
         </p>
diff --git a/src/app/discover/page.tsx b/src/app/discover/page.tsx
index bab6d5a7..aa7696fb 100644
--- a/src/app/discover/page.tsx
+++ b/src/app/discover/page.tsx
@@ -21,7 +21,7 @@ export default async function DiscoverPage({
   const supabase = createServerClient();
   if (!supabase) {
     return (
-      <div className="flex min-h-screen items-center justify-center">
+      <div className="flex min-h-[calc(100vh-2.75rem)] items-center justify-center">
         <p className="text-muted text-sm">Database unavailable</p>
       </div>
     );

From 1f2277d320ae044af955fe4ae6f57025f56f49a5 Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Sun, 15 Mar 2026 12:49:29 +0000
Subject: [PATCH 2/2] [#117] Also fix min-h-screen in story/[storylineId]
 NotFound

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/app/story/[storylineId]/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/story/[storylineId]/page.tsx b/src/app/story/[storylineId]/page.tsx
index 92c394b4..8209a710 100644
--- a/src/app/story/[storylineId]/page.tsx
+++ b/src/app/story/[storylineId]/page.tsx
@@ -189,7 +189,7 @@ function PlotEntry({ plot }: { plot: Plot }) {
 
 function NotFound({ message }: { message: string }) {
   return (
-    <div className="flex min-h-screen flex-col items-center justify-center px-6">
+    <div className="flex min-h-[calc(100vh-2.75rem)] flex-col items-center justify-center px-6">
       <p className="text-muted text-sm">{message}</p>
     </div>
   );