From caf0a219a65fa13ccd46f361e1209b0d12064cdc Mon Sep 17 00:00:00 2001
From: syuilo <Syuilotan@yahoo.co.jp>
Date: Thu, 9 Dec 2021 21:45:14 +0900
Subject: [PATCH] Update instance-mute.vue

---
 .../src/pages/settings/instance-mute.vue      | 34 +++++++------------
 1 file changed, 13 insertions(+), 21 deletions(-)

diff --git a/packages/client/src/pages/settings/instance-mute.vue b/packages/client/src/pages/settings/instance-mute.vue
index 813d2a0441..fe5ff89434 100644
--- a/packages/client/src/pages/settings/instance-mute.vue
+++ b/packages/client/src/pages/settings/instance-mute.vue
@@ -1,36 +1,28 @@
 <template>
-	<div>
-		<FormBase>
-			<div class="_formItem">
-				<FormInfo>{{ $ts._instanceMute.title}}</FormInfo>
-				<FormTextarea v-model="instanceMutes">
-					<span>{{$ts._instanceMute.heading}}</span>
-					<template #desc>{{ $ts._instanceMute.instanceMuteDescription}}<br>{{$ts._instanceMute.instanceMuteDescription2}}</template>
-				</FormTextarea>
-			</div>
-		<FormButton primary inline :disabled="!changed" @click="save()"><i class="fas fa-save"></i> {{ $ts.save }}</FormButton>
-		</FormBase>
-	</div>
+<div class="_formRoot">
+	<MkInfo>{{ $ts._instanceMute.title }}</MkInfo>
+	<FormTextarea v-model="instanceMutes" class="_formBlock">
+		<template #label>{{ $ts._instanceMute.heading }}</template>
+		<template #caption>{{ $ts._instanceMute.instanceMuteDescription }}<br>{{ $ts._instanceMute.instanceMuteDescription2 }}</template>
+	</FormTextarea>
+	<MkButton primary :disabled="!changed" class="_formBlock" @click="save()"><i class="fas fa-save"></i> {{ $ts.save }}</MkButton>
+</div>
 </template>
 
 <script>
 import { defineComponent } from 'vue'
-import FormBase from '@/components/debobigego/base.vue';
-import FormTextarea from '@/components/debobigego/textarea.vue';
-import FormInfo from '@/components/debobigego/info.vue';
-import FormKeyValueView from '@/components/debobigego/key-value-view.vue';
-import FormButton from '@/components/debobigego/button.vue';
+import FormTextarea from '@/components/form/textarea.vue';
+import MkInfo from '@/components/ui/info.vue';
+import MkButton from '@/components/ui/button.vue';
 import * as os from '@/os';
 import number from '@/filters/number';
 import * as symbols from '@/symbols';
 
 export default defineComponent({
 	components: {
-		FormBase,
-		FormButton,
+		MkButton,
 		FormTextarea,
-		FormKeyValueView,
-		FormInfo,
+		MkInfo,
 	},
 
 	emits: ['info'],