From 55958a08222b18298ebc77d4f8016583d94e9629 Mon Sep 17 00:00:00 2001
From: padreug <padreug@aiolabs.dev>
Date: Wed, 6 Aug 2025 00:08:01 +0200
Subject: [PATCH] style: Update ChatPage layout for improved height
 responsiveness

- Adjust the height of the chat container to use dynamic calculations based on viewport height, enhancing the layout for various screen sizes.
- Ensure the chat interface maintains a consistent appearance across different devices, improving overall user experience.
---
 src/pages/ChatPage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/ChatPage.vue b/src/pages/ChatPage.vue
index 81222e2..e8fd96d 100644
--- a/src/pages/ChatPage.vue
+++ b/src/pages/ChatPage.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="container mx-auto p-4 h-screen">
+  <div class="container mx-auto p-4 h-[calc(100vh-3.5rem-2rem)] lg:h-[calc(100vh-4rem-2rem)] xl:h-[calc(100vh-5rem-2rem)]">
     <div class="flex flex-col h-full">
       <!-- Page Header -->
       <div class="mb-4">