From dafc150359c21a4379f4e706fee0fe344114b3c5 Mon Sep 17 00:00:00 2001
From: Ivan <ivan@quad4.io>
Date: Fri, 24 Apr 2026 18:01:10 -0500
Subject: [PATCH] fix(layout): update height classes for responsive design in
 App.vue and AuthPage.vue

---
 meshchatx/src/frontend/components/App.vue           | 2 +-
 meshchatx/src/frontend/components/auth/AuthPage.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/meshchatx/src/frontend/components/App.vue b/meshchatx/src/frontend/components/App.vue
index 0b6cfee..d4e88cd 100644
--- a/meshchatx/src/frontend/components/App.vue
+++ b/meshchatx/src/frontend/components/App.vue
@@ -3,7 +3,7 @@
 <template>
     <div
         :class="{ dark: config?.theme === 'dark' }"
-        class="h-screen w-full flex flex-col transition-colors"
+        class="h-dvh min-h-0 w-full flex flex-col transition-colors"
         :style="shellCanvasStyle"
     >
         <AppShellBanners
diff --git a/meshchatx/src/frontend/components/auth/AuthPage.vue b/meshchatx/src/frontend/components/auth/AuthPage.vue
index 60cb52c..1deffdb 100644
--- a/meshchatx/src/frontend/components/auth/AuthPage.vue
+++ b/meshchatx/src/frontend/components/auth/AuthPage.vue
@@ -1,7 +1,7 @@
 <!-- SPDX-License-Identifier: 0BSD -->
 
 <template>
-    <div class="h-screen w-full flex items-center justify-center bg-slate-50 dark:bg-zinc-950">
+    <div class="h-dvh min-h-0 w-full flex items-center justify-center bg-slate-50 dark:bg-zinc-950">
         <div class="w-full max-w-md p-8">
             <div
                 class="bg-white dark:bg-zinc-900 rounded-2xl shadow-lg border border-gray-200 dark:border-zinc-800 p-8"