From 213813f3a6de1e95d71df9d60303b53b27021dd1 Mon Sep 17 00:00:00 2001
From: matt <matt@harborsmith.co>
Date: Fri, 19 Sep 2025 11:06:53 +0200
Subject: [PATCH] Revert app.vue changes that broke header styling

- Removed app.vue file that was interfering with navbar scroll behavior
- Restored min-h-screen in default.vue layout
- Restored min-height in body CSS
- Kept the mobile footer fixes which are working correctly

The header now properly changes to white background when scrolling past hero.
---
 apps/website/app.vue             | 22 ----------------------
 apps/website/assets/css/main.css |  4 ++--
 apps/website/layouts/default.vue |  2 +-
 3 files changed, 3 insertions(+), 25 deletions(-)
 delete mode 100644 apps/website/app.vue

diff --git a/apps/website/app.vue b/apps/website/app.vue
deleted file mode 100644
index 4b8cc33..0000000
--- a/apps/website/app.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template>
-  <div id="__nuxt-app" class="h-full">
-    <NuxtLayout>
-      <NuxtPage />
-    </NuxtLayout>
-  </div>
-</template>
-
-<style>
-#__nuxt-app {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-/* Ensure Nuxt's root wrapper inherits height */
-#__nuxt {
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-</style>
\ No newline at end of file
diff --git a/apps/website/assets/css/main.css b/apps/website/assets/css/main.css
index d549ce6..6351add 100644
--- a/apps/website/assets/css/main.css
+++ b/apps/website/assets/css/main.css
@@ -19,8 +19,8 @@ html {
 body {
   overscroll-behavior-y: contain;
   -webkit-overflow-scrolling: touch;
-  height: 100%;
-  height: -webkit-fill-available;
+  min-height: 100vh;
+  min-height: -webkit-fill-available;
   /* Prevent double-tap zoom on mobile */
   touch-action: manipulation;
   /* Prevent horizontal scrolling */
diff --git a/apps/website/layouts/default.vue b/apps/website/layouts/default.vue
index 5bf95cc..a8e3d60 100644
--- a/apps/website/layouts/default.vue
+++ b/apps/website/layouts/default.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="h-full flex flex-col">
+  <div class="min-h-screen flex flex-col">
     <AppNavbar />
     <main class="flex-grow">
       <slot />