Pari Plus! move font settings into plus

This commit is contained in:
fly_mc 2024-10-26 12:15:00 +08:00
parent 53d7e3f372
commit 3f33c589ec
2 changed files with 14 additions and 14 deletions

View file

@ -148,20 +148,6 @@ SPDX-License-Identifier: AGPL-3.0-only
</MkRadios>
<div style="margin: 8px 0 0 0; font-size: 1.5em;"><Mfm :key="emojiStyle" text="🍮🍦🍭🍩🍰🍫🍬🥞🍪"/></div>
</div>
<MkRange v-model="fontSizeNumber" :min="0" :max="10" :step="1" continuousUpdate>
<template #label>{{ i18n.ts.fontSize }}</template>
<template #caption>
<div :style="`font-size: ${fontSizePx}px;`">
<span>
A quick brown fox jumps over the lazy dog<br>
一只敏捷的棕色狐狸跳过那只懒狗<br>
機敏な茶色のキツネが怠惰な犬を飛び越える<br>
</span>
<MkButton v-if="fontSizeNumber !== fontSizeNumberOld" @click.stop="saveFontSize">{{ i18n.ts.save }}</MkButton>
</div>
</template>
</MkRange>
</div>
</FormSection>

View file

@ -11,6 +11,19 @@ SPDX-License-Identifier: AGPL-3.0-only
<div class="label">{{ i18n.ts.pariPlusAppearanceSettings }}</div>
<div class="_gaps_m">
<div class="_gaps_s">
<MkRange v-model="fontSizeNumber" :min="0" :max="10" :step="1" continuousUpdate>
<template #label>{{ i18n.ts.fontSize }}</template>
<template #caption>
<div :style="`font-size: ${fontSizePx}px;`">
<span>
A quick brown fox jumps over the lazy dog<br>
一只敏捷的棕色狐狸跳过那只懒狗<br>
機敏な茶色のキツネが怠惰な犬を飛び越える<br>
</span>
<MkButton v-if="fontSizeNumber !== fontSizeNumberOld" @click.stop="saveFontSize">{{ i18n.ts.save }}</MkButton>
</div>
</template>
</MkRange>
<MkSelect v-model="defaultFont.fontFace">
<template #label>{{ i18n.ts.pariPlusFontPicker }}</template>
<template #caption>
@ -68,6 +81,7 @@ import MkSwitch from '@/components/MkSwitch.vue';
import MkSelect from '@/components/MkSelect.vue';
import MkRadios from '@/components/MkRadios.vue';
import MkInfo from '@/components/MkInfo.vue';
import MkRange from '@/components/MkRange.vue';
import FormSection from '@/components/form/section.vue';
const defaultFont = getDefaultFontSettings();