better locale & style

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:

locales/ja-JP.yml

@@ -981,7 +981,7 @@ noGraze: "ブラウザの拡張機能「Graze for Mastodon」は、Calckeyの動
 enableServerMachineStats: "サーバーのマシン情報を公開する"
 enableIdenticonGeneration: "ユーザーごとのIdenticon生成を有効にする"
 showPopup: "ポップアップを表示してユーザーに知らせる"
-isGoodNews: "これは良いお知らせです"
+showWithSparcles: "タイトルをキラキラさせる"
 youHaveUnreadAnnouncements: "未読のお知らせがあります"
 
 _sensitiveMediaDetection:

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%;
 	}