From 88e14729c251c65d0d3091734ae6d867570885ed Mon Sep 17 00:00:00 2001
From: naskya <m@naskya.net>
Date: Sat, 8 Jul 2023 22:29:36 +0000
Subject: [PATCH] better locale & style

---
 locales/en-US.yml                                 | 4 ++--
 locales/ja-JP.yml                                 | 2 +-
 packages/client/src/components/MkAnnouncement.vue | 3 ++-
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/locales/en-US.yml b/locales/en-US.yml
index 8844cf9be..b7248e033 100644
--- a/locales/en-US.yml
+++ b/locales/en-US.yml
@@ -1114,8 +1114,8 @@ isPatron: "Calckey Patron"
 reactionPickerSkinTone: "Preferred emoji skin tone"
 enableServerMachineStats: "Enable server hardware statistics"
 enableIdenticonGeneration: "Enable Identicon generation"
-showPopup: "Notify users about this announcement with a popup"
-isGoodNews: "This is a good news"
+showPopup: "Notify users with popup"
+showWithSparkles: "Show with sparkles"
 youHaveUnreadAnnouncements: "You have unread announcements"
 
 _sensitiveMediaDetection:
diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index c3cd7b462..e0f142117 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -981,7 +981,7 @@ noGraze: "ブラウザの拡張機能「Graze for Mastodon」は、Calckeyの動
 enableServerMachineStats: "サーバーのマシン情報を公開する"
 enableIdenticonGeneration: "ユーザーごとのIdenticon生成を有効にする"
 showPopup: "ポップアップを表示してユーザーに知らせる"
-isGoodNews: "これは良いお知らせです"
+showWithSparcles: "タイトルをキラキラさせる"
 youHaveUnreadAnnouncements: "未読のお知らせがあります"
 
 _sensitiveMediaDetection:
diff --git a/packages/client/src/components/MkAnnouncement.vue b/packages/client/src/components/MkAnnouncement.vue
index 89bd734cd..eff5ae3bb 100644
--- a/packages/client/src/components/MkAnnouncement.vue
+++ b/packages/client/src/components/MkAnnouncement.vue
@@ -2,7 +2,7 @@
 	<MkModal ref="modal" :z-priority="'middle'" @closed="$emit('closed')">
 		<div :class="$style.root">
 			<div :class="$style.title">
-				<MkSparkle v-if="isGoodNews">{{ title }}</MkSparkle>
+				<MkSparkle v-if="showWithSparcles">{{ title }}</MkSparkle>
 				<p v-else>{{ title }}</p>
 			</div>
 			<Mfm :text="text" />
@@ -54,6 +54,7 @@ const gotIt = () => {
 	border-radius: var(--radius);
 
 	> img {
+		border-radius: 10px;
 		max-height: 100%;
 		max-width: 100%;
 	}