固定投稿フォームを実装 (#5994)

* 固定投稿フォームを実装

* fix

src/client/pages/index.home.vue

@@ -16,6 +16,9 @@
 
 	<x-tutorial class="tutorial" v-if="$store.state.settings.tutorial != -1"/>
 
+	<div style="position: relative" v-if="$store.state.device.showFixedPostForm">
+		<x-post-form class="post-form" fixed />
+	</div>
 	<x-timeline ref="tl" :key="src === 'list' ? `list:${list.id}` : src === 'antenna' ? `antenna:${antenna.id}` : src" :src="src" :list="list" :antenna="antenna" @before="before()" @after="after()"/>
 </div>
 </template>
@@ -27,6 +30,7 @@ import { faComments } from '@fortawesome/free-regular-svg-icons';
 import Progress from '../scripts/loading';
 import XTimeline from '../components/timeline.vue';
 import XTutorial from './index.home.tutorial.vue';
+import XPostForm from '../components/post-form.vue';
 
 export default Vue.extend({
 	metaInfo() {
@@ -38,6 +42,7 @@ export default Vue.extend({
 	components: {
 		XTimeline,
 		XTutorial,
+		XPostForm,
 	},
 
 	props: {
@@ -174,6 +179,10 @@ export default Vue.extend({
 	}
 }
 
+.post-form {
+	margin-bottom: var(--margin);
+}
+
 ._kjvfvyph_ {
 	position: relative;
 	height: 100%;

src/client/pages/settings/index.vue

@@ -20,6 +20,7 @@
 				{{ $t('useOsNativeEmojis') }}
 				<template #desc><mfm text="🍮🍦🍭🍩🍰🍫🍬🥞🍪"/></template>
 			</mk-switch>
+			<mk-switch v-model="showFixedPostForm">{{ $t('showFixedPostForm') }}</mk-switch>			
 		</div>
 		<div class="_content">
 			<mk-select v-model="lang">
@@ -105,6 +106,11 @@ export default Vue.extend({
 			get() { return this.$store.state.device.imageNewTab; },
 			set(value) { this.$store.commit('device/set', { key: 'imageNewTab', value }); }
 		},
+
+		showFixedPostForm: {
+			get() { return this.$store.state.device.showFixedPostForm; },
+			set(value) { this.$store.commit('device/set', { key: 'showFixedPostForm', value }); }
+		},
 	},
 
 	watch: {