diff --git a/packages/frontend/src/components/MkAnnouncementDialog.vue b/packages/frontend/src/components/MkAnnouncementDialog.vue
index 0888ca3185..69fc248779 100644
--- a/packages/frontend/src/components/MkAnnouncementDialog.vue
+++ b/packages/frontend/src/components/MkAnnouncementDialog.vue
@@ -15,7 +15,10 @@ SPDX-License-Identifier: AGPL-3.0-only
-
+
+
+
+
{{ i18n.ts.gotIt }} ({{ sec }})
@@ -109,6 +112,7 @@ onMounted(() => {
}
.header {
+ font-weight: bold;
font-size: 120%;
}
@@ -118,5 +122,10 @@ onMounted(() => {
.content {
margin: 1em 0;
+ > img {
+ display: block;
+ max-height: 300px;
+ max-width: 100%;
+ }
}
diff --git a/packages/frontend/src/pages/announcements.vue b/packages/frontend/src/pages/announcements.vue
index 8b54cb28d9..fc292551fb 100644
--- a/packages/frontend/src/pages/announcements.vue
+++ b/packages/frontend/src/pages/announcements.vue
@@ -25,7 +25,7 @@ SPDX-License-Identifier: AGPL-3.0-only
-
@@ -137,6 +137,7 @@ watch(() => $i?.unreadAnnouncements.length ?? 0, () => {
.header {
margin-bottom: 16px;
font-weight: bold;
+ font-size: 120%;
}
.content {