fix the html rendering bug in the banner (#2532)

okTurtles · Jan 21, 2025 · ae22899 · ae22899
1 parent f79daaa
commit ae22899
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/frontend/views/components/banners/BannerGeneral.vue b/frontend/views/components/banners/BannerGeneral.vue
@@ -7,19 +7,17 @@
       aria-live='polite'
     )
       i(:class='`icon-${ephemeral.icon} is-prefix`')
-      render-message-with-markdown(:text='ephemeral.message')
+      .c-banner-content(v-safe-html:a='ephemeral.message')
 </template>
 
 <script>
 import TransitionExpand from '@components/TransitionExpand.vue'
 import { debounce } from '@model/contracts/shared/giLodash.js'
-import RenderMessageWithMarkdown from '@containers/chatroom/chat-mentions/RenderMessageWithMarkdown.js'
 
 export default ({
   name: 'BannerGeneral',
   components: {
-    TransitionExpand,
-    RenderMessageWithMarkdown
+    TransitionExpand
   },
   data: () => ({
     ephemeral: {
@@ -81,6 +79,10 @@ export default ({
   display: flex;
   justify-content: center;
   align-items: flex-start;
+
+  .c-banner-content {
+    text-align: left;
+  }
 }
 
 .l-banner ::v-deep .link {