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 {