From d66df2520f490ae13b6cfa0816440c5666a7c8ee Mon Sep 17 00:00:00 2001
From: Vasilii Mikhailovskii <ti.webdev@ya.ru>
Date: Wed, 20 Nov 2024 19:29:50 +0200
Subject: [PATCH] fix min-h-full

---
 src/components/ChatComponent.vue    | 4 ++--
 src/style.css                       | 4 ++++
 src/views/ManageQRCodeReadyView.vue | 2 +-
 src/views/PublicChatView.vue        | 4 ++--
 src/views/ReadQRCodeView.vue        | 2 +-
 5 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/components/ChatComponent.vue b/src/components/ChatComponent.vue
index 55852e7..e5d36c6 100644
--- a/src/components/ChatComponent.vue
+++ b/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"
diff --git a/src/style.css b/src/style.css
index 57e40d6..f2d398e 100644
--- a/src/style.css
+++ b/src/style.css
@@ -7,4 +7,8 @@
 @layer tailwind-utilities {
   @tailwind components;
   @tailwind utilities;
+}
+
+html, body, #app {
+  height: 100%;
 }
\ No newline at end of file
diff --git a/src/views/ManageQRCodeReadyView.vue b/src/views/ManageQRCodeReadyView.vue
index 72474cf..f78073e 100644
--- a/src/views/ManageQRCodeReadyView.vue
+++ b/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>
diff --git a/src/views/PublicChatView.vue b/src/views/PublicChatView.vue
index 59a085e..51d1a8e 100644
--- a/src/views/PublicChatView.vue
+++ b/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 }">
             <!-- Уведомление, если гость отправил только одно сообщение -->
diff --git a/src/views/ReadQRCodeView.vue b/src/views/ReadQRCodeView.vue
index 2f8f175..0c1d2f5 100644
--- a/src/views/ReadQRCodeView.vue
+++ b/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 }">