From e067783a30be41644abe1aecca631ef31cf476a8 Mon Sep 17 00:00:00 2001
From: Tusooa Zhu <tusooa@kazv.moe>
Date: Thu, 17 Mar 2022 12:59:10 -0400
Subject: Add announcement display with placeholder messages

---
 src/components/announcement/announcement.vue | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 src/components/announcement/announcement.vue

(limited to 'src/components/announcement/announcement.vue')

diff --git a/src/components/announcement/announcement.vue b/src/components/announcement/announcement.vue
new file mode 100644
index 00000000..c31328ee
--- /dev/null
+++ b/src/components/announcement/announcement.vue
@@ -0,0 +1,19 @@
+<template>
+  <div class="announcement">
+    <rich-content :html="content" />
+  </div>
+</template>
+
+<script src="./announcement.js"></script>
+
+<style lang="scss">
+@import "../../variables";
+
+.announcement {
+  border-bottom-width: 1px;
+  border-bottom-style: solid;
+  border-bottom-color: var(--border, $fallback--border);
+  border-radius: 0;
+  padding: var(--status-margin, $status-margin);
+}
+</style>
-- 
cgit v1.2.3-70-g09d2

