From dddaeb75932d6b480a6cc0e4b7ad6a65fe88a584 Mon Sep 17 00:00:00 2001
From: David Jumani <dj.davidjumani1994@gmail.com>
Date: Mon, 17 Apr 2023 12:04:46 +0530
Subject: [PATCH] Fix shutdown header to match antdv design (#7429)

This PR ensures the shutdown header matches the ant design specs
---
 ui/src/components/page/GlobalLayout.vue | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/ui/src/components/page/GlobalLayout.vue b/ui/src/components/page/GlobalLayout.vue
index 97ebcfaeeb9..d807525068e 100644
--- a/ui/src/components/page/GlobalLayout.vue
+++ b/ui/src/components/page/GlobalLayout.vue
@@ -18,7 +18,7 @@
 <template>
   <div>
     <a-affix v-if="this.$store.getters.shutdownTriggered" >
-      <div class="shutdownHeader" v-html="$t('message.shutdown.triggered')"/>
+      <a-alert :message="$t('message.shutdown.triggered')" type="error" banner :showIcon="false" class="shutdownHeader" />
     </a-affix>
     <a-layout class="layout" :class="[device]">
       <a-affix style="z-index: 200" :offsetTop="this.$store.getters.shutdownTriggered ? 25 : 0">
@@ -295,9 +295,7 @@ export default {
 }
 
 .shutdownHeader {
-  color: red;
-  background: black;
-  font-weight: 600;
+  font-weight: bold;
   height: 25px;
   text-align: center;
   padding: 0px;