From 99fcad82768274ae4a88c17b0f5e6f691c596bfe Mon Sep 17 00:00:00 2001
From: jason5ng32 <jason5ng32@gmail.com>
Date: Mon, 5 Feb 2024 13:04:08 +0800
Subject: [PATCH] UX Improvements

---
 src/components/globallatency.vue | 2 +-
 src/components/mtrtest.vue       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/globallatency.vue b/src/components/globallatency.vue
index 6f2463ff..9cd41397 100644
--- a/src/components/globallatency.vue
+++ b/src/components/globallatency.vue
@@ -82,7 +82,7 @@
             <div id="svgMap"></div>
 
             <div id="pingresult-error" v-if="pingCheckStatus === 'error'">
-              <p class="text-center text-danger">{{ $t('pingtest.Error') }}</p>
+              <div class="alert alert-info " :data-bs-theme="isDarkMode ? 'dark' : ''">{{ $t('pingtest.Error') }}</div>
             </div>
 
           </div>
diff --git a/src/components/mtrtest.vue b/src/components/mtrtest.vue
index f47499d2..64b8db5f 100644
--- a/src/components/mtrtest.vue
+++ b/src/components/mtrtest.vue
@@ -70,7 +70,7 @@
             </div>
 
             <div id="mtrresult-error" v-if="mtrCheckStatus === 'error'">
-              <p class="text-center text-danger">{{ $t('mtrtest.Error') }}</p>
+              <div class="alert alert-info " :data-bs-theme="isDarkMode ? 'dark' : ''">{{ $t('mtrtest.Error') }}</div>
             </div>
 
           </div>