diff options
Diffstat (limited to 'src/client/app/desktop/views/components/settings.vue')
| -rw-r--r-- | src/client/app/desktop/views/components/settings.vue | 16 |
1 files changed, 12 insertions, 4 deletions
diff --git a/src/client/app/desktop/views/components/settings.vue b/src/client/app/desktop/views/components/settings.vue index f9d9bab187..ffa82b9e02 100644 --- a/src/client/app/desktop/views/components/settings.vue +++ b/src/client/app/desktop/views/components/settings.vue @@ -37,14 +37,17 @@ <section class="web" v-show="page == 'web'"> <h1>デザインと表示</h1> <div class="div"> - <button class="ui button" @click="customizeHome">ホームをカスタマイズ</button> + <button class="ui button" @click="customizeHome" style="margin-bottom: 16px">ホームをカスタマイズ</button> + </div> + <div class="div"> + <mk-switch v-model="os.i.clientSettings.dark" @change="onChangeDark" text="ダークモード"/> + <mk-switch v-model="os.i.clientSettings.gradientWindowHeader" @change="onChangeGradientWindowHeader" text="ウィンドウのタイトルバーにグラデーションを使用"/> </div> <mk-switch v-model="os.i.clientSettings.showPostFormOnTopOfTl" @change="onChangeShowPostFormOnTopOfTl" text="タイムライン上部に投稿フォームを表示する"/> <mk-switch v-model="os.i.clientSettings.showReplyTarget" @change="onChangeShowReplyTarget" text="リプライ先を表示する"/> <mk-switch v-model="os.i.clientSettings.showMaps" @change="onChangeShowMaps" text="マップの自動展開"> <span>位置情報が添付された投稿のマップを自動的に展開します。</span> </mk-switch> - <mk-switch v-model="os.i.clientSettings.gradientWindowHeader" @change="onChangeGradientWindowHeader" text="ウィンドウのタイトルバーにグラデーションを使用"/> </section> <section class="web" v-show="page == 'web'"> @@ -298,6 +301,12 @@ export default Vue.extend({ autoWatch: v }); }, + onChangeDark(v) { + (this as any).api('i/update_client_setting', { + name: 'dark', + value: v + }); + }, onChangeShowPostFormOnTopOfTl(v) { (this as any).api('i/update_client_setting', { name: 'showPostFormOnTopOfTl', @@ -431,7 +440,6 @@ export default Vue.extend({ > .web > .div border-bottom solid 1px #eee - padding 0 0 16px 0 - margin 0 0 16px 0 + margin 16px 0 </style> |