[cloudstack] branch main updated: Fix shutdown header to match antdv design (#7429)

[sh...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

shwstppr pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/cloudstack.git


The following commit(s) were added to refs/heads/main by this push:
     new dddaeb75932 Fix shutdown header to match antdv design (#7429)
dddaeb75932 is described below

commit dddaeb75932d6b480a6cc0e4b7ad6a65fe88a584
Author: David Jumani <dj...@gmail.com>
AuthorDate: Mon Apr 17 12:04:46 2023 +0530

    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;