From 34636d6047d4070de092ec511948602baeafe5de Mon Sep 17 00:00:00 2001
From: Jose Olarte III <brownspank@anomalistdesign.com>
Date: Tue, 18 Jul 2023 17:14:03 +0800
Subject: [PATCH] Fixed alert message visibility

---
 src/components/AlertMessage.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/AlertMessage.vue b/src/components/AlertMessage.vue
index 6f3ea5b..62e8c2c 100644
--- a/src/components/AlertMessage.vue
+++ b/src/components/AlertMessage.vue
@@ -1,7 +1,7 @@
 <template>
   <div v-bind:class="computedAlertClassNames()">
     <button
-      class="close-button bg-slate-200 w-8 leading-loose rounded-full absolute top-2 right-2"
+      class="close-button bg-amber-400 w-8 leading-loose rounded-full absolute top-2 right-2"
       @click="onClickClose()"
     >
       <fa icon="xmark"></fa>
@@ -28,7 +28,7 @@ export default class AlertMessage extends Vue {
     return {
       hidden: !this.isAlertVisible,
       "dismissable-alert": true,
-      "bg-slate-100": true,
+      "bg-amber-200": true,
       "p-5": true,
       rounded: true,
       "drop-shadow-lg": true,