From 7ed10424f948cc6e9ee15b88d95725873d020772 Mon Sep 17 00:00:00 2001
From: less <fabien@bonustrack.co>
Date: Fri, 20 Sep 2024 18:09:15 +0700
Subject: [PATCH] style: improve sentence and style

---
 src/App.vue | 21 +++++++++++----------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index bdcef8fb887..542f8562a9e 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -43,17 +43,18 @@ const showBanner = computed(() => {
       </div>
       <div
         v-if="showBanner"
-        class="relative flex items-center justify-center gap-1 mb-2 bg-purple-300/20 text-purple-400 px-3 py-2"
+        class="relative flex items-center justify-center gap-2 mb-2 bg-skin-border px-4 py-[10px]"
       >
-        <i-ho-speakerphone class="shrink-0" />
-        <div class="leading-6">
-          Snapshot v2 is now available at
-          <a
-            class="text-purple-400 underline font-semibold"
-            href="https://snapshot.box/#/home"
-            >snapshot.box</a
-          >
-        </div>
+        <a
+          class="flex gap-2"
+          target="_blank"
+          href="https://snapshot.box/#/home"
+        >
+          <i-ho-speakerphone class="shrink-0" />
+          <div class="leading-6">
+            Snapshot v2 is here! Experience our new and improved interface now.
+          </div>
+        </a>
         <button class="xs:absolute xs:right-3" @click="bannerClosed = true">
           <i-ho-x />
         </button>