From 824bdf21cad5746ac1ade3abaeaebed58d011f7c Mon Sep 17 00:00:00 2001
From: Felipe Fernandes <mewbi.fernandes@gmail.com>
Date: Sat, 31 Jan 2026 19:07:30 -0300
Subject: [PATCH] fix: footer requiring scroll on short content pages

- Changed App.vue container from grid to flexbox layout
- Wrapped RouterView in a grow div to fill available space
- Removed min-h-screen from AboutPage that was causing double viewport height

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/App.vue             | 6 ++++--
 src/views/AboutPage.vue | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 59bb5cc..9bbf0ed 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -24,8 +24,10 @@
   <div>
     <ShortcutModal ref="shortcutRef" />
     <NotifyToast class="fixed bottom-0 left-0 z-50 p-4" />
-    <div class="container grid mx-auto px-4 pt-8 md:pt-12 md:px-6 min-h-screen">
-      <RouterView />
+    <div class="container flex flex-col mx-auto px-4 pt-8 md:pt-12 md:px-6 min-h-screen">
+      <div class="grow">
+        <RouterView />
+      </div>
       <FooterComponent />
     </div>
   </div>
diff --git a/src/views/AboutPage.vue b/src/views/AboutPage.vue
index 0cbcd4b..58fc04b 100644
--- a/src/views/AboutPage.vue
+++ b/src/views/AboutPage.vue
@@ -25,7 +25,7 @@
 <template>
   <ShortcutModal ref="jumpToRetro" />
 
-  <div class="min-h-screen">
+  <div>
     <div class="text-center">
       <img src="/logo_nobg.png" class="h-40 inline" />
       <h1 class="mt-4 text-4xl font-bold">Simple Retro</h1>