kaslo/pawkey-sk
1
0
Fork 0
Code Packages Activity

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
packages/frontend/src/components/SkMfmWindow.vue
+11
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>',
);