Madeorsk/rudeshark.net
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: blur muted text

Browse Source
This commit is contained in:
Kainoa Kanter 2023-04-06 22:11:10 -07:00
parent 1d57a0da15
commit c2097f9244
1 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
packages/client/src/components/MkNoteDetailed.vue
View File

@ -110,7 +110,7 @@
</MkA> </MkA>
</template> </template>
<template #reason> <template #reason>
<b>{{ muted.matched.join(", ") }}</b> <b class="_mfm_blur_">{{ muted.matched.join(", ") }}</b>
</template> </template>
</I18n> </I18n>
</div> </div>
@ -354,6 +354,15 @@ onUnmounted(() => {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
._mfm_blur_ {
filter: blur(6px);
transition: filter 0.3s;
&:hover {
filter: blur(0px);
}
}
.lxwezrsl { .lxwezrsl {
font-size: 1.05em; font-size: 1.05em;
position: relative; position: relative;