diff options
| author | Tusooa Zhu <tusooa@kazv.moe> | 2022-03-17 14:01:45 -0400 |
|---|---|---|
| committer | tusooa <tusooa@kazv.moe> | 2022-11-24 18:27:13 -0500 |
| commit | 95750509b14ab5f5a5d8c9a5defafd95ee7efbe3 (patch) | |
| tree | 5265cb34749ea554ffe9d9954d733628080746c8 /src/components/announcement/announcement.vue | |
| parent | e067783a30be41644abe1aecca631ef31cf476a8 (diff) | |
Fetch real data from backend
Diffstat (limited to 'src/components/announcement/announcement.vue')
| -rw-r--r-- | src/components/announcement/announcement.vue | 24 |
1 files changed, 23 insertions, 1 deletions
diff --git a/src/components/announcement/announcement.vue b/src/components/announcement/announcement.vue index c31328ee..d8591468 100644 --- a/src/components/announcement/announcement.vue +++ b/src/components/announcement/announcement.vue @@ -1,6 +1,24 @@ <template> <div class="announcement"> - <rich-content :html="content" /> + <div class="heading"> + <h4>{{ $t('announcements.title') }}</h4> + </div> + <div class="body"> + <rich-content + :html="content" + :emoji="announcement.emojis" + :handle-links="true" + /> + </div> + <div class="footer"> + <button + class="btn button-default" + :class="{ toggled: isRead }" + @click="markAsRead" + > + {{ $t('announcements.mark_as_read_action') }} + </button> + </div> </div> </template> @@ -15,5 +33,9 @@ border-bottom-color: var(--border, $fallback--border); border-radius: 0; padding: var(--status-margin, $status-margin); + + .heading, .body { + margin-bottom: var(--status-margin, $status-margin); + } } </style> |