chore(frontend): 設定画面を整理

This commit is contained in:
syuilo 2023-05-15 16:40:19 +09:00
parent d867fc00b6
commit a7ee4aabcb
2 changed files with 17 additions and 10 deletions

View file

@ -145,15 +145,13 @@
</FormSection>
<FormSection>
<div class="_gaps_s">
<MkSwitch v-model="aiChanMode">{{ i18n.ts.aiChanMode }}</MkSwitch>
<MkSwitch v-model="devMode">{{ i18n.ts.devMode }}</MkSwitch>
<template #label>{{ i18n.ts.other }}</template>
<div class="_gaps">
<FormLink to="/settings/deck">{{ i18n.ts.deck }}</FormLink>
<FormLink to="/settings/custom-css"><template #icon><i class="ti ti-code"></i></template>{{ i18n.ts.customCss }}</FormLink>
</div>
</FormSection>
<FormLink to="/settings/deck">{{ i18n.ts.deck }}</FormLink>
<FormLink to="/settings/custom-css"><template #icon><i class="ti ti-code"></i></template>{{ i18n.ts.customCss }}</FormLink>
</div>
</template>
@ -215,8 +213,6 @@ const instanceTicker = computed(defaultStore.makeGetterSetter('instanceTicker'))
const enableInfiniteScroll = computed(defaultStore.makeGetterSetter('enableInfiniteScroll'));
const useReactionPickerForContextMenu = computed(defaultStore.makeGetterSetter('useReactionPickerForContextMenu'));
const squareAvatars = computed(defaultStore.makeGetterSetter('squareAvatars'));
const aiChanMode = computed(defaultStore.makeGetterSetter('aiChanMode'));
const devMode = computed(defaultStore.makeGetterSetter('devMode'));
const mediaListWithOneImageAppearance = computed(defaultStore.makeGetterSetter('mediaListWithOneImageAppearance'));
const notificationPosition = computed(defaultStore.makeGetterSetter('notificationPosition'));
const notificationStackAxis = computed(defaultStore.makeGetterSetter('notificationStackAxis'));
@ -248,7 +244,6 @@ watch([
useSystemFont,
enableInfiniteScroll,
squareAvatars,
aiChanMode,
showNoteActionsOnlyHover,
showGapBetweenNotesInTimeline,
instanceTicker,

View file

@ -53,6 +53,17 @@
</MkSwitch>
</div>
</MkFolder>
<MkFolder>
<template #icon><i class="ti ti-code"></i></template>
<template #label>{{ i18n.ts.developer }}</template>
<div class="_gaps_m">
<MkSwitch v-model="devMode">
<template #label>{{ i18n.ts.devMode }}</template>
</MkSwitch>
</div>
</MkFolder>
</div>
</FormSection>
@ -80,6 +91,7 @@ import FormSection from '@/components/form/section.vue';
const reportError = computed(defaultStore.makeGetterSetter('reportError'));
const enableCondensedLineForAcct = computed(defaultStore.makeGetterSetter('enableCondensedLineForAcct'));
const devMode = computed(defaultStore.makeGetterSetter('devMode'));
function onChangeInjectFeaturedNote(v) {
os.api('i/update', {