client: refine ui

1 files changed, 11 insertions, 11 deletions

diff --git a/packages/client/src/pages/settings/menu.vue b/packages/client/src/pages/settings/menu.vue
index 47cc4256b0..19d26be89a 100644
--- a/packages/client/src/pages/settings/menu.vue
+++ b/packages/client/src/pages/settings/menu.vue
@@ -1,28 +1,28 @@
 <template>
-<FormBase>
-	<FormTextarea v-model="items" tall manual-save>
-		<span>{{ $ts.menu }}</span>
-		<template #desc><button class="_textButton" @click="addItem">{{ $ts.addItem }}</button></template>
+<div class="_formRoot">
+	<FormTextarea v-model="items" tall manual-save class="_formBlock">
+		<template #label>{{ $ts.menu }}</template>
+		<template #caption><button class="_textButton" @click="addItem">{{ $ts.addItem }}</button></template>
 	</FormTextarea>
 
-	<FormRadios v-model="menuDisplay">
-		<template #desc>{{ $ts.display }}</template>
+	<FormRadios v-model="menuDisplay" class="_formBlock">
+		<template #label>{{ $ts.display }}</template>
 		<option value="sideFull">{{ $ts._menuDisplay.sideFull }}</option>
 		<option value="sideIcon">{{ $ts._menuDisplay.sideIcon }}</option>
 		<option value="top">{{ $ts._menuDisplay.top }}</option>
 		<!-- <MkRadio v-model="menuDisplay" value="hide" disabled>{{ $ts._menuDisplay.hide }}</MkRadio>--> <!-- TODO: サイドバーを完全に隠せるようにすると、別途ハンバーガーボタンのようなものをUIに表示する必要があり面倒 -->
 	</FormRadios>
 
-	<FormButton danger @click="reset()"><i class="fas fa-redo"></i> {{ $ts.default }}</FormButton>
-</FormBase>
+	<FormButton danger class="_formBlock" @click="reset()"><i class="fas fa-redo"></i> {{ $ts.default }}</FormButton>
+</div>
 </template>
 
 <script lang="ts">
 import { defineComponent } from 'vue';
-import FormTextarea from '@/components/debobigego/textarea.vue';
-import FormRadios from '@/components/debobigego/radios.vue';
+import FormTextarea from '@/components/form/textarea.vue';
+import FormRadios from '@/components/form/radios.vue';
 import FormBase from '@/components/debobigego/base.vue';
-import FormButton from '@/components/debobigego/button.vue';
+import FormButton from '@/components/ui/button.vue';
 import * as os from '@/os';
 import { menuDef } from '@/menu';
 import { defaultStore } from '@/store';