Tweak UI

src/client/components/modal-page-window.vue

@@ -10,7 +10,9 @@
 			<button class="_button" @click="$refs.modal.close()"><Fa :icon="faTimes"/></button>
 		</div>
 		<div class="body _flat_">
+			<keep-alive>
 				<component :is="component" v-bind="props" :ref="changePage"/>
+			</keep-alive>
 		</div>
 	</div>
 </MkModal>

src/client/components/ui/window.vue

@@ -395,7 +395,7 @@ export default defineComponent({
 	position: fixed;
 	top: 0;
 	left: 0;
-	z-index: 5000;
+	z-index: 10000; // mk-modalのと同じでなければならない
 
 	&.front {
 		z-index: 11000; // front指定の時は、mk-modalのよりも大きくなければならない

src/client/pages/api-console.vue

@@ -1,6 +1,7 @@
 <template>
 <div>
-<section class="_section">
+	<div class="_root">
+		<div class="_block" style="padding: 24px;">
 			<MkInput v-model:value="endpoint" :datalist="endpoints" @update:value="onEndpointChange()">
 				<span>Endpoint</span>
 			</MkInput>
@@ -14,12 +15,15 @@
 				<template v-if="sending"><MkEllipsis/></template>
 				<template v-else><Fa :icon="faPaperPlane"/> Send</template>
 			</MkButton>
-</section>
+		</div>
-<section class="_section" v-if="res">
+	</div>
+	<div class="_root" v-if="res">
+		<div class="_block" style="padding: 24px;">
 			<MkTextarea v-model:value="res" code readonly tall>
 				<span>Response</span>
 			</MkTextarea>
-</section>
+		</div>
+	</div>
 </div>
 </template>
 

src/client/pages/settings/index.vue

@@ -148,7 +148,11 @@ export default defineComponent({
 		}, { immediate: true });
 
 		watch(() => props.initialPage, () => {
+			if (props.initialPage == null && !narrow.value) {
+				page.value = 'profile';
+			} else {
 				page.value = props.initialPage;
+			}
 		});
 
 		onMounted(() => {