37 lines
900 B
HTML
37 lines
900 B
HTML
<h2 class="sr-only">{intl.description}</h2>
|
|
<div class="account-profile-note">
|
|
{@html massagedNote}
|
|
</div>
|
|
<style>
|
|
.account-profile-note {
|
|
grid-area: note;
|
|
font-size: 0.9em;
|
|
word-wrap: break-word;
|
|
overflow: hidden;
|
|
white-space: pre-wrap;
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
:global(.account-profile-note p:not(:last-child)) {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
:global(.underline-links .account-profile-note a) {
|
|
text-decoration: underline;
|
|
}
|
|
</style>
|
|
<script>
|
|
import { store } from '../../_store/store.js'
|
|
import { massageUserText } from '../../_utils/massageUserText.js'
|
|
|
|
export default {
|
|
store: () => store,
|
|
computed: {
|
|
note: ({ account }) => account.note,
|
|
emojis: ({ account }) => account.emojis || [],
|
|
massagedNote: ({ note, emojis, $autoplayGifs }) => massageUserText(note, emojis, $autoplayGifs)
|
|
}
|
|
}
|
|
</script>
|