From f6a46f2025620236b404914069d6a2af866db126 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Mon, 11 Dec 2023 00:07:11 +0100
Subject: [PATCH] Fix colors

---
 src/app.config.ts       |  2 +-
 src/pages/guestbook.vue | 23 ++++++++++++++---------
 src/pages/talents.vue   |  6 +++---
 3 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/src/app.config.ts b/src/app.config.ts
index f79d960..3815172 100644
--- a/src/app.config.ts
+++ b/src/app.config.ts
@@ -12,7 +12,7 @@ export default defineAppConfig({
     },
     dropdown: {
       container: 'z-50',
-      background: 'bg-white dark:bg-zinc-800',
+      background: 'bg-white dark:bg-zinc-900/90',
       item: {
         base: 'duration-300 group flex items-center gap-2 w-full',
       },
diff --git a/src/pages/guestbook.vue b/src/pages/guestbook.vue
index 5b0aa1c..d4cdcac 100644
--- a/src/pages/guestbook.vue
+++ b/src/pages/guestbook.vue
@@ -50,11 +50,16 @@ async function sign() {
       </p>
     </div>
     <div class="my-12 flex flex-col rounded-2xl border border-zinc-100 p-6 dark:border-zinc-700/40">
-      <div class="flex items-center gap-2 mb-4">
-        <UIcon name="i-ph-circle-wavy-question-bold" class="text-subtitle text-xl" />
-        <h1 class="text-lg font-bold">
-          Want to sign my book ?
-        </h1>
+      <div class="flex flex-col mb-4">
+        <div class="flex items-center gap-2">
+          <UIcon name="i-ph-circle-wavy-question-bold" class="text-subtitle text-xl" />
+          <h1 class="text-lg font-bold">
+            Want to sign my book ?
+          </h1>
+        </div>
+        <p class="font-sm text-subtitle">
+          Enter your message just below to sign the book.
+        </p>
       </div>
       <div v-if="loggedIn" class="flex items-center justify-between gap-4">
         <div class="w-full relative flex items-center">
@@ -64,18 +69,19 @@ async function sign() {
             required
             min="7"
             max="58"
-            class="w-full rounded-lg p-2 h-10 focus:outline-none bg-gray-100 dark:bg-stone-800"
+            class="w-full rounded-lg p-2 h-10 focus:outline-none bg-gray-100 dark:bg-gray-800"
             placeholder="Leave a message"
           >
           <UButton
-            class="absolute right-1 top-1 text-gray-900 dark:text-white  rounded-md"
+            class="absolute right-1 top-1 rounded-md"
             label="Send"
             :disabled="messageContent.trim().length < 7 || messageContent.trim().length > 58"
-            variant="soft"
+            variant="solid"
             @click.prevent="sign()"
           />
         </div>
         <UButton
+          variant="outline"
           @click.prevent="clear()"
         >
           Logout
@@ -94,7 +100,6 @@ async function sign() {
         />
       </div>
     </div>
-    {{ user }}
     <div v-if="messages" class="columns-1 md:columns-2 lg:columns-4 gap-8 space-y-8">
       <div
         v-for="message in messages"
diff --git a/src/pages/talents.vue b/src/pages/talents.vue
index fb92eac..b706e06 100644
--- a/src/pages/talents.vue
+++ b/src/pages/talents.vue
@@ -93,11 +93,11 @@ async function suggest() {
             type="text"
             required
             min="4"
-            class="w-full rounded-lg p-2 h-10 focus:outline-none bg-gray-50 dark:bg-gray-800"
+            class="w-full rounded-lg p-2 h-10 focus:outline-none bg-gray-100 dark:bg-gray-800"
             placeholder="Suggest one name"
           >
           <UButton
-            class="absolute right-1 top-1 text-gray-900 dark:text-white rounded-md"
+            class="absolute right-1 top-1 rounded-md"
             label="Send"
             :disabled="suggestContent.trim().length < 4"
             variant="solid"
@@ -105,8 +105,8 @@ async function suggest() {
           />
         </div>
         <UButton
-          @click.prevent="clear()"
           variant="outline"
+          @click.prevent="clear()"
         >
           Logout
         </UButton>