From ac04c46d3b77005cf818b3dc2528fb4d7b3f42d4 Mon Sep 17 00:00:00 2001 From: okpierre <1679025+okpierre@users.noreply.github.com> Date: Sat, 4 Dec 2021 22:47:57 -0500 Subject: [PATCH] Update other.vue (#8040) --- packages/client/src/pages/settings/other.vue | 34 +++++++++----------- 1 file changed, 16 insertions(+), 18 deletions(-) diff --git a/packages/client/src/pages/settings/other.vue b/packages/client/src/pages/settings/other.vue index fbc895a07d..0d9e60e21d 100644 --- a/packages/client/src/pages/settings/other.vue +++ b/packages/client/src/pages/settings/other.vue @@ -1,42 +1,41 @@ <template> -<FormBase> - <FormLink to="/settings/update">Misskey Update</FormLink> +<div class="_formRoot"> + <FormLink to="/settings/update" class="_formBlock">Misskey Update</FormLink> - <FormSwitch :value="$i.injectFeaturedNote" @update:modelValue="onChangeInjectFeaturedNote"> + <FormSwitch :value="$i.injectFeaturedNote" @update:modelValue="onChangeInjectFeaturedNote" class="_formBlock"> {{ $ts.showFeaturedNotesInTimeline }} </FormSwitch> - <FormSwitch v-model="reportError">{{ $ts.sendErrorReports }}<template #desc>{{ $ts.sendErrorReportsDescription }}</template></FormSwitch> + <FormSwitch v-model="reportError" class="_formBlock">{{ $ts.sendErrorReports }}<template #desc>{{ $ts.sendErrorReportsDescription }}</template></FormSwitch> - <FormLink to="/settings/account-info">{{ $ts.accountInfo }}</FormLink> - <FormLink to="/settings/experimental-features">{{ $ts.experimentalFeatures }}</FormLink> + <FormLink to="/settings/account-info" class="_formBlock">{{ $ts.accountInfo }}</FormLink> + <FormLink to="/settings/experimental-features" class="_formBlock">{{ $ts.experimentalFeatures }}</FormLink> - <FormGroup> + <FormSection> <template #label>{{ $ts.developer }}</template> - <FormSwitch v-model="debug" @update:modelValue="changeDebug"> + <FormSwitch v-model="debug" @update:modelValue="changeDebug" class="_formBlock"> DEBUG MODE </FormSwitch> <template v-if="debug"> <FormButton @click="taskmanager">Task Manager</FormButton> </template> - </FormGroup> + </FormSection> - <FormLink to="/settings/registry"><template #icon><i class="fas fa-cogs"></i></template>{{ $ts.registry }}</FormLink> + <FormLink to="/settings/registry" class="_formBlock"><template #icon><i class="fas fa-cogs"></i></template>{{ $ts.registry }}</FormLink> - <FormLink to="/bios" behavior="browser"><template #icon><i class="fas fa-door-open"></i></template>BIOS</FormLink> - <FormLink to="/cli" behavior="browser"><template #icon><i class="fas fa-door-open"></i></template>CLI</FormLink> + <FormLink to="/bios" behavior="browser" class="_formBlock"><template #icon><i class="fas fa-door-open"></i></template>BIOS</FormLink> + <FormLink to="/cli" behavior="browser" class="_formBlock"><template #icon><i class="fas fa-door-open"></i></template>CLI</FormLink> - <FormLink to="/settings/delete-account"><template #icon><i class="fas fa-exclamation-triangle"></i></template>{{ $ts.closeAccount }}</FormLink> -</FormBase> + <FormLink to="/settings/delete-account" class="_formBlock"><template #icon><i class="fas fa-exclamation-triangle"></i></template>{{ $ts.closeAccount }}</FormLink> +</div> </template> <script lang="ts"> import { defineAsyncComponent, defineComponent } from 'vue'; import FormSwitch from '@/components/form/switch.vue'; import FormSelect from '@/components/form/select.vue'; +import FormSection from '@/components/form/section.vue'; import FormLink from '@/components/debobigego/link.vue'; -import FormBase from '@/components/debobigego/base.vue'; -import FormGroup from '@/components/debobigego/group.vue'; import FormButton from '@/components/debobigego/button.vue'; import * as os from '@/os'; import { debug } from '@/config'; @@ -46,12 +45,11 @@ import * as symbols from '@/symbols'; export default defineComponent({ components: { - FormBase, FormSelect, + FormSection, FormSwitch, FormButton, FormLink, - FormGroup, }, emits: ['info'],