feat: blur muted text

2023-04-06 22:11:10 -07:00 · 2023-04-06 22:11:10 -07:00 · c2097f9244
parent 1d57a0da15
commit c2097f9244
1 changed files with 10 additions and 1 deletions
--- a/packages/client/src/components/MkNoteDetailed.vue
+++ b/packages/client/src/components/MkNoteDetailed.vue
@ -110,7 +110,7 @@
 			</MkA>
 		</template>
 		<template #reason>
-			<b>{{ muted.matched.join(", ") }}</b>
+			<b class="_mfm_blur_">{{ muted.matched.join(", ") }}</b>
 		</template>
 	</I18n>
 </div>
@ -354,6 +354,15 @@ onUnmounted(() => {
 </script>

 <style lang="scss" scoped>
+._mfm_blur_ {
+	filter: blur(6px);
+	transition: filter 0.3s;
+
+	&:hover {
+		filter: blur(0px);
+	}
+}
+
 .lxwezrsl {
 	font-size: 1.05em;
 	position: relative;