misty.cafe/mistykey
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

show the border MFM function in cheatsheet - fixes #533

Browse source
This commit is contained in:
dakkar 2025-01-18 11:01:09 +00:00
parent 42d8279610
commit 49d6fc6782
3 changed files with 21 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

11
packages/frontend/src/components/SkMfmWindow.vue
View file

@ -381,6 +381,16 @@ SPDX-License-Identifier: AGPL-3.0-only
</div>
</div>
</div>
<div class="section _block">
<div class="title">{{ i18n.ts._mfm.border }}</div>
<div class="content">
<p>{{ i18n.ts._mfm.borderDescription }}</p>
<div class="preview">
<Mfm :text="preview_border"/>
<MkTextarea v-model="preview_border"><span>MFM</span></MkTextarea>
</div>
</div>
</div>
<div class="section _block">
<div class="title">{{ i18n.ts._mfm.plain }}</div>
<div class="content">
@ -479,6 +489,7 @@ const preview_scale = ref(
);
const preview_fg = ref('$[fg.color=eb6f92 Text color]');
const preview_bg = ref('$[bg.color=31748f Background color]');
const preview_border = ref('$[border.color=eb6f92,style=outset,width=10,radius=10 Border]');
const preview_plain = ref(
'<plain>**bold** @mention #hashtag `code` $[x2 🍮]</plain>',
);