From 6fb9f80383ad4ca4dc474445d79566aa842adaf4 Mon Sep 17 00:00:00 2001
From: Qiuxia Fan <fine0830@outlook.com>
Date: Wed, 30 Mar 2022 21:03:49 +0800
Subject: [PATCH] fix style

---
 src/components/Graph.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/components/Graph.vue b/src/components/Graph.vue
index e65401ab..217831b7 100644
--- a/src/components/Graph.vue
+++ b/src/components/Graph.vue
@@ -13,12 +13,9 @@ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License. -->
 <template>
-  <div
-    v-if="available"
-    ref="chartRef"
-    :style="`height:${height};width:${width};`"
-  ></div>
-  <div v-else class="no-data">No Data</div>
+  <div ref="chartRef" :style="`height:${height};width:${width};`">
+    <div v-if="!available" class="no-data">No Data</div>
+  </div>
 </template>
 <script lang="ts" setup>
 import {
@@ -93,5 +90,6 @@ onBeforeUnmount(() => {
   -webkit-box-orient: horizontal;
   -webkit-box-pack: center;
   -webkit-box-align: center;
+  color: #666;
 }
 </style>