enhance(frontend): 閲覧注意設定された画像は表示した状態でもそれが閲覧注意だと分かる表示をするように

CHANGELOG.md

@@ -48,6 +48,7 @@
   * 絵文字ピッカーから入力可能になります
 - データセーバーモードを追加
   * 画像が全て隠れた状態で表示されるようになります
+- 閲覧注意設定された画像は表示した状態でもそれが閲覧注意だと分かる表示をするように
 - 1枚だけのメディアリストの画像のアスペクト比を画像に応じて縦長にするように
 - プロフィール設定「追加情報」の項目の削除と並び替えができるように
 - 新しい実績を追加

packages/frontend/src/components/MkMediaImage.vue

@@ -20,6 +20,7 @@
 	<div :class="$style.indicators">
 		<div v-if="['image/gif', 'image/apng'].includes(image.type)" :class="$style.indicator">GIF</div>
 		<div v-if="image.comment" :class="$style.indicator">ALT</div>
+		<div v-if="image.isSensitive" :class="$style.indicator" style="color: var(--warn);">NSFW</div>
 	</div>
 	<button v-tooltip="i18n.ts.hide" :class="$style.hide" class="_button" @click="hide = true"><i class="ti ti-eye-off"></i></button>
 </div>