support dark in ManageQRCodeChatView

2024-12-08 22:54:55 +02:00
parent 44882ddca6
commit d3b8ba8057
1 changed files with 12 additions and 6 deletions
@@ -18,17 +18,23 @@
        <template #endOfMessages="{ count, lastMessage }">
          <div
            v-if="!count"
-            class="flex flex-col items-center justify-center flex-grow text-center text-gray-500"
+            class="flex flex-col items-center justify-center flex-grow text-center text-gray-500 dark:text-gray-400"
          >
-            <h1 class="text-2xl font-bold mb-4">Пока нет сообщений</h1>
-            <p class="text-gray-600">Вы можете начать общение, отправив первое сообщение.</p>
+            <h1 class="text-2xl font-bold mb-4 text-gray-900 dark:text-gray-100">
+              Пока нет сообщений
+            </h1>
+            <p class="text-gray-600 dark:text-gray-300">
+              Вы можете начать общение, отправив первое сообщение.
+            </p>
          </div>
          <div
            v-else-if="lastMessage && lastMessage.from === 'owner'"
-            class="flex flex-col items-center justify-center text-center bg-gray-50 border border-gray-200 rounded-lg shadow-md p-6 my-6"
+            class="flex flex-col items-center justify-center text-center bg-gray-50 dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-lg shadow-md p-6 my-6"
          >
-            <p class="text-gray-700 font-medium text-lg">Ваше сообщение отправлено.</p>
-            <p class="text-gray-600 mt-2">
+            <p class="text-gray-700 dark:text-gray-300 font-medium text-lg">
+              Ваше сообщение отправлено.
+            </p>
+            <p class="text-gray-600 dark:text-gray-400 mt-2">
              Вы можете написать ещё одно сообщение или подождать ответа.
            </p>
          </div>