fix min-h-full

src/components/ChatComponent.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="flex flex-col flex-grow">
     <!-- Список сообщений -->
-    <div class="flex-grow overflow-y-auto px-4 py-2" ref="messagesContainer">
+    <div class="flex-grow overflow-y-auto p-4" ref="messagesContainer">
       <div
         v-for="message in messages"
         :key="message._id"
@@ -25,7 +25,7 @@
     </div>
 
     <!-- Форма отправки сообщений -->
-    <form @submit.prevent="sendMessage" class="flex gap-2 items-center" ref="form">
+    <form @submit.prevent="sendMessage" class="flex gap-2 items-center p-4" ref="form">
       <InputText
         id="newMessage"
         v-model="newMessage"

src/style.css

@@ -8,3 +8,7 @@
   @tailwind components;
   @tailwind utilities;
 }
+
+html, body, #app {
+  height: 100%;
+}

src/views/ManageQRCodeReadyView.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-col min-h-screen">
+  <div class="flex flex-col min-h-full">
     <main class="flex-grow flex items-center justify-center py-6 px-4 md:px-6">
       <section class="max-w-prose w-full flex flex-col gap-1">
         <h2 class="text-xl font-semibold mb-4">Ваш QR‑код готов</h2>

src/views/PublicChatView.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="flex flex-col min-h-screen">
+  <div class="flex flex-col min-h-full">
     <!-- Основной контент -->
     <main class="flex-grow flex flex-col">
-      <section class="flex flex-col flex-grow max-w-prose w-full mx-auto p-4">
+      <section class="flex flex-col flex-grow max-w-prose w-full mx-auto">
         <ChatComponent userRole="guest" :qr_code_uri="qr_code_uri" :chat="chat">
           <template #endOfMessages="{ count }">
             <!-- Уведомление, если гость отправил только одно сообщение -->

src/views/ReadQRCodeView.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="flex flex-col min-h-screen">
+  <div class="flex flex-col min-h-full">
     <main class="flex-grow flex items-center justify-center py-6 px-4 md:px-6">
       <section class="max-w-prose w-full flex flex-col gap-10">
         <QueryRender :query #default="{ data: doc }">