From dad9dfef9e7094961f57e5b6561976646f046267 Mon Sep 17 00:00:00 2001
From: mattyatea <mattyatea@pm.me>
Date: Mon, 5 Feb 2024 14:10:40 +0900
Subject: [PATCH] ui:fix

---
 locales/index.d.ts                            |  6 +++-
 locales/ja-JP.yml                             |  3 +-
 .../frontend/src/pages/settings/general.vue   | 28 +++++++++++++++----
 3 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/locales/index.d.ts b/locales/index.d.ts
index 44bef43ceb..0b5e5c118e 100644
--- a/locales/index.d.ts
+++ b/locales/index.d.ts
@@ -116,12 +116,16 @@ export interface Locale extends ILocale {
      * ローカルタイムラインを表示する
      */
     "showLocalTimeline": string;
+    /**
+     * トップバーのカスタムをする
+     */
+    "topbarCustom": string;
     /**
      * ソーシャルタイムラインを表示する
      */
     "showSocialTimeline": string;
     /**
-     * 上のバーのTLの名前を表示する
+     * 上のバーにTLの名前を常時表示する
      */
     "topBarNameShown": string;
     /**
diff --git a/locales/ja-JP.yml b/locales/ja-JP.yml
index a1a66cecce..4d2030077f 100644
--- a/locales/ja-JP.yml
+++ b/locales/ja-JP.yml
@@ -25,8 +25,9 @@ enterUsername: "ユーザー名を入力"
 showGlobalTimeline: "グローバルタイムラインを表示する"
 showHomeTimeline: "ホームタイムラインを表示する"
 showLocalTimeline: "ローカルタイムラインを表示する"
+topbarCustom: "トップバーのカスタムをする"
 showSocialTimeline: "ソーシャルタイムラインを表示する"
-topBarNameShown: "上のバーのTLの名前を表示する"
+topBarNameShown: "上のバーにTLの名前を常時表示する"
 renotedBy: "{user}がリノート"
 noNotes: "ノートはありません"
 noNotifications: "通知はありません"
diff --git a/packages/frontend/src/pages/settings/general.vue b/packages/frontend/src/pages/settings/general.vue
index c217a45a41..c2b6d0a68c 100644
--- a/packages/frontend/src/pages/settings/general.vue
+++ b/packages/frontend/src/pages/settings/general.vue
@@ -45,12 +45,28 @@ SPDX-License-Identifier: AGPL-3.0-only
 				<MkButton v-if="pinnedMax > defaultStore.reactiveState.pinnedUserLists.value.length " @click="setPinnedList()">{{ i18n.ts.add }}</MkButton>
 				<MkButton v-if="defaultStore.reactiveState.pinnedUserLists.value.length " danger @click="removePinnedList('all')"><i class="ti ti-trash"></i> {{ i18n.ts.all }}{{ i18n.ts.remove }}</MkButton>
 			</MkFolder>
-			<MkSwitch v-model="showMediaTimeline">{{ i18n.ts.showMediaTimeline }}<template #caption>{{ i18n.ts.showMediaTimelineInfo }} </template></MkSwitch>
-			<MkSwitch v-model="showGlobalTimeline">{{ i18n.ts.showGlobalTimeline }}</MkSwitch>
-			<MkSwitch v-model="showHomeTimeline">{{ i18n.ts.showHomeTimeline }}</MkSwitch>
-			<MkSwitch v-model="showSocialTimeline">{{ i18n.ts.showSocialTimeline }}</MkSwitch>
-			<MkSwitch v-model="showLocalTimeline">{{ i18n.ts.showLocalTimeline }}</MkSwitch>
-			<MkSwitch v-model="topBarNameShown">{{ i18n.ts.topBarNameShown }}</MkSwitch>
+			<MkFoldableSection :expanded="false" class="item">
+				<template #header>{{ i18n.ts.topbarCustom }}</template>
+
+
+				{{ i18n.ts._timelines.home }}
+				<MkSwitch v-model="showHomeTimeline">{{ i18n.ts.enable }}</MkSwitch>
+				<br>
+				{{ i18n.ts._timelines.local }}
+				<MkSwitch v-model="showLocalTimeline">{{ i18n.ts.enable }}</MkSwitch>
+				<br>
+				{{ i18n.ts._timelines.social }}
+				<MkSwitch v-model="showSocialTimeline">{{ i18n.ts.enable }}</MkSwitch>
+				<br>
+				{{ i18n.ts._timelines.media }}
+				<MkSwitch v-model="showMediaTimeline">{{ i18n.ts.enable }}</MkSwitch>
+				<br>
+				{{ i18n.ts._timelines.global }}
+				<MkSwitch v-model="showGlobalTimeline">{{ i18n.ts.enable }}</MkSwitch>
+				<br>
+				{{ i18n.ts.topBarNameShown }}
+				<MkSwitch v-model="topBarNameShown">{{ i18n.ts.enable }}</MkSwitch>
+			</MkFoldableSection>
 		</div>
 	</FormSection>
 	<MkFoldableSection :expanded="false" class="item">