🎨 tweak our toast close button just slightly

hfoletto · Dec 10, 2021 · 770744d · 770744d
1 parent 9609dab
commit 770744d
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/playground/src/App.vue b/playground/src/App.vue
@@ -9,7 +9,7 @@
           <div class="w-0.5 h-8 bg-gray-600 dark:bg-gray-300 mx-2" />
           <Icon icon="logos-tailwindcss-icon" class="w-8 h-8" />
         </div>
-        <button @click="toggleDark" class="text-gray-800 dark:text-white">
+        <button @click="toggleDark" class="text-gray-800 dark:text-white w-8 h-8 flex items-center justify-center rounded-full">
           <icon icon="carbon-moon" v-if="isDark" class="w-6 h-6" />
           <icon icon="carbon-sun" v-else class="w-6 h-6" />
         </button>

diff --git a/src/GlobalToast.vue b/src/GlobalToast.vue
@@ -23,7 +23,7 @@
                 <p v-if="title" class="text-sm leading-5 font-medium">{{ title }}</p>
                 <p :class="{'mt-1': title}" class="text-sm leading-5" v-html="message"></p>
               </div>
-              <div class="ml-4 flex-shrink-0 flex">
+              <div class="ml-4 flex-shrink-0 flex mt-0.5">
                 <global-toast-close  @close="destroy(true)"/>
               </div>
             </div>