add viewport-fit=cover and pb-safe-or-4 for chat from by tailwindcss-safe-area

2024-12-06 09:02:51 +02:00
parent 113012ddc3
commit 2146cd8300
5 changed files with 17 additions and 3 deletions
@@ -24,7 +24,7 @@
      <slot name="endOfMessages" :count="messages.length"></slot>
    </div>

-    <div class="flex gap-3 p-4 pt-0 flex-col-reverse">
+    <div class="flex gap-3 px-4 pt-0 flex-col-reverse pb-safe-or-4">
      <!-- Форма отправки сообщений -->
      <form @submit.prevent="sendMessage" class="flex gap-2 items-center" ref="form">
        <InputText