tweak Pari Plus settings page

This commit is contained in:
fly_mc 2024-11-01 22:02:48 +08:00
parent f695820ba6
commit aa8c0c7c1d

View file

@ -9,8 +9,8 @@ SPDX-License-Identifier: AGPL-3.0-only
{{ i18n.ts.pariPlusInfo }} {{ i18n.ts.pariPlusInfo }}
</MkInfo> </MkInfo>
<FormSection> <FormSection>
<div class="label">{{ i18n.ts.pariPlusSystemSettings }}</div>
<div class="_gaps_m"> <div class="_gaps_m">
<div class="label">{{ i18n.ts.pariPlusSystemSettings }}</div>
<div class="_gaps_s"> <div class="_gaps_s">
<MkSwitch v-model="useHardwareAcceleration">{{ i18n.ts.useHardwareAcceleration }}</MkSwitch> <MkSwitch v-model="useHardwareAcceleration">{{ i18n.ts.useHardwareAcceleration }}</MkSwitch>
<MkSwitch v-model="enableRenderingOptimization">{{ i18n.ts.enableRenderingOptimization }}</MkSwitch> <MkSwitch v-model="enableRenderingOptimization">{{ i18n.ts.enableRenderingOptimization }}</MkSwitch>
@ -18,8 +18,8 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
</FormSection> </FormSection>
<FormSection> <FormSection>
<div class="label">{{ i18n.ts.pariPlusAppearanceSettings }}</div>
<div class="_gaps_m"> <div class="_gaps_m">
<div class="label">{{ i18n.ts.pariPlusAppearanceSettings }}</div>
<div class="_gaps_s"> <div class="_gaps_s">
<MkRange v-model="fontSizeNumber" :min="0" :max="10" :step="1" continuousUpdate> <MkRange v-model="fontSizeNumber" :min="0" :max="10" :step="1" continuousUpdate>
<template #label>{{ i18n.ts.fontSize }}</template> <template #label>{{ i18n.ts.fontSize }}</template>
@ -64,21 +64,23 @@ SPDX-License-Identifier: AGPL-3.0-only
<FormSection> <FormSection>
<div class="_gaps_m"> <div class="_gaps_m">
<div class="label">{{ i18n.ts.pariPlusNoteSettings }}</div> <div class="label">{{ i18n.ts.pariPlusNoteSettings }}</div>
<MkSwitch v-model="autoTranslateButton">{{ i18n.ts.autoTranslateButton }}</MkSwitch> <div class="_gaps_s">
<MkSwitch v-model="showDetailTimeWhenHover">{{ i18n.ts.showDetailTimeWhenHover }}</MkSwitch> <MkSwitch v-model="autoTranslateButton">{{ i18n.ts.autoTranslateButton }}</MkSwitch>
<MkSwitch v-model="noteClickToOpen">{{ i18n.ts.noteClickToOpen }}</MkSwitch> <MkSwitch v-model="showDetailTimeWhenHover">{{ i18n.ts.showDetailTimeWhenHover }}</MkSwitch>
<MkSwitch v-model="enableFallbackReactButton">{{ i18n.ts.enableFallbackReactButton }}</MkSwitch> <MkSwitch v-model="noteClickToOpen">{{ i18n.ts.noteClickToOpen }}</MkSwitch>
<MkSwitch v-model="enableMFMCheatsheet">{{ i18n.ts.enableMFMCheatsheet }}</MkSwitch> <MkSwitch v-model="enableFallbackReactButton">{{ i18n.ts.enableFallbackReactButton }}</MkSwitch>
<MkSwitch v-model="enableUndoClearPostForm">{{ i18n.ts.enableUndoClearPostForm }}</MkSwitch> <MkSwitch v-model="enableMFMCheatsheet">{{ i18n.ts.enableMFMCheatsheet }}</MkSwitch>
<MkSwitch v-model="collapseNotesRepliedTo">{{ i18n.ts.collapseNotesRepliedTo }}</MkSwitch> <MkSwitch v-model="enableUndoClearPostForm">{{ i18n.ts.enableUndoClearPostForm }}</MkSwitch>
<MkSwitch v-model="disableReactionsViewer">{{ i18n.ts.disableReactionsViewer }}</MkSwitch> <MkSwitch v-model="collapseNotesRepliedTo">{{ i18n.ts.collapseNotesRepliedTo }}</MkSwitch>
<MkSelect v-model="autoSpacingBehaviour"> <MkSwitch v-model="disableReactionsViewer">{{ i18n.ts.disableReactionsViewer }}</MkSwitch>
<template #label>{{ i18n.ts.autoSpacing }}</template> <MkSelect v-model="autoSpacingBehaviour">
<option :value="null">{{ i18n.ts.disabled }}</option> <template #label>{{ i18n.ts.autoSpacing }}</template>
<option value="special">Auto</option> <option :value="null">{{ i18n.ts.disabled }}</option>
<option value="all">{{ i18n.ts.all }}</option> <option value="special">Auto</option>
<template #caption>{{ i18n.ts.autoSpacingDescription }}</template> <option value="all">{{ i18n.ts.all }}</option>
</MkSelect> <template #caption>{{ i18n.ts.autoSpacingDescription }}</template>
</MkSelect>
</div>
</div> </div>
</FormSection> </FormSection>
</div> </div>