worldcone/cherrypick
2
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

fix(client): MFM設定のプレビューがすぐに反映されない問題

Browse source
This commit is contained in:
NoriDev 2023-06-02 20:28:34 +09:00
parent f282b00f8f
commit ac51b7169d
2 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
packages/frontend/src/components/MkUserSetupDialog.MisskeyFlavoredMarkdown.vue
View file

@ -3,9 +3,11 @@
<MkInfo>{{ i18n.ts._initialAccountSetting.theseSettingsCanEditLater }}</MkInfo> <MkInfo>{{ i18n.ts._initialAccountSetting.theseSettingsCanEditLater }}</MkInfo>
<div :class="$style.preview" class="_panel"> <div :class="$style.preview" class="_panel">
<div style="margin: 0 0 8px; font-size: 1.5em;"> <div v-if="advancedMfm && animatedMfm" style="margin: 0 0 8px; font-size: 1.5em;">
<Mfm v-if="advancedMfm && animatedMfm" :key="emojiStyle" text="$[jelly 🍮] $[spin 🍪] $[shake 🍭]"/> <Mfm :key="emojiStyle" text="$[jelly 🍮] $[spin 🍪] $[shake 🍭]"/>
<Mfm v-else :key="emojiStyle" text="🍮 🍪 🍭"/> </div>
<div v-else style="margin: 0 0 8px; font-size: 1.5em;">
<Mfm :key="emojiStyle" text="🍮 🍪 🍭"/>
</div> </div>
</div> </div>

8
packages/frontend/src/pages/settings/general.vue
View file

@ -40,9 +40,11 @@
<MkSwitch v-model="advancedMfm">{{ i18n.ts.enableAdvancedMfm }}</MkSwitch> <MkSwitch v-model="advancedMfm">{{ i18n.ts.enableAdvancedMfm }}</MkSwitch>
<MkSwitch v-if="advancedMfm" v-model="animatedMfm">{{ i18n.ts.enableAnimatedMfm }}</MkSwitch> <MkSwitch v-if="advancedMfm" v-model="animatedMfm">{{ i18n.ts.enableAnimatedMfm }}</MkSwitch>
<div :class="$style.mfmPreview" class="_panel"> <div :class="$style.mfmPreview" class="_panel">
<div style="margin: 0 0 8px; font-size: 1.5em;"> <div v-if="advancedMfm && animatedMfm" style="margin: 0 0 8px; font-size: 1.5em;">
<Mfm v-if="advancedMfm && animatedMfm" :key="emojiStyle" text="$[jelly 🍮] $[spin 🍪] $[shake 🍭]"/> <Mfm :key="emojiStyle" text="$[jelly 🍮] $[spin 🍪] $[shake 🍭]"/>
<Mfm v-else :key="emojiStyle" text="🍮 🍪 🍭"/> </div>
<div v-else style="margin: 0 0 8px; font-size: 1.5em;">
<Mfm :key="emojiStyle" text="🍮 🍪 🍭"/>
</div> </div>
</div> </div>
<MkSwitch v-model="showGapBetweenNotesInTimeline">{{ i18n.ts.showGapBetweenNotesInTimeline }}</MkSwitch> <MkSwitch v-model="showGapBetweenNotesInTimeline">{{ i18n.ts.showGapBetweenNotesInTimeline }}</MkSwitch>