changes

app/components/user/Logout.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
-    <article class="message is-dark">
-      <div class="message-body py-2 mt-5 has-text-dark fs-16">
+    <article class="message is-danger">
+      <div class="message-body py-2">
         {{
           $store.lang === "en"
             ? "Click the button below to log out of the system."
@@ -9,13 +9,17 @@
         }}
       </div>
     </article>
-    <div class="mt-5 pt-3">
-      <button
-        class="button is-primary has-text-white"
-        @click="$requestLogin()"
-      >
-        {{ $store.lang === "en" ? "Sign out" : "Đăng xuất" }}
-      </button>
-    </div>
+    <button
+      class="button is-danger has-text-white"
+      @click="$requestLogin()"
+    >
+      <span class="icon">
+        <Icon
+          name="material-symbols:logout-rounded"
+          :size="18"
+        />
+      </span>
+      <span>{{ $store.lang === "en" ? "Sign out" : "Đăng xuất" }}</span>
+    </button>
   </div>
 </template>