wip

packages/frontend/src/pages/settings/general.vue

@@ -4,7 +4,12 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
+<MkSearchSection :label="i18n.ts.general" :keywords="['general']" icon="ti ti-adjustments">
 	<div class="_gaps_m">
+		<MkSearchMarker
+			:label="i18n.ts.uiLanguage"
+			:keywords="['language']"
+		>
 			<MkSelect v-model="lang">
 				<template #label>{{ i18n.ts.uiLanguage }}</template>
 				<option v-for="x in langs" :key="x[0]" :value="x[0]">{{ x[1] }}</option>
@@ -16,7 +21,12 @@ SPDX-License-Identifier: AGPL-3.0-only
 					</I18n>
 				</template>
 			</MkSelect>
+		</MkSearchMarker>
 
+		<MkSearchMarker
+			:label="i18n.ts.overridedDeviceKind"
+			:keywords="['device', 'type', 'kind', 'smartphone', 'tablet', 'desktop']"
+		>
 			<MkRadios v-model="overridedDeviceKind">
 				<template #label>{{ i18n.ts.overridedDeviceKind }}</template>
 				<option :value="null">{{ i18n.ts.auto }}</option>
@@ -24,17 +34,35 @@ SPDX-License-Identifier: AGPL-3.0-only
 				<option value="tablet"><i class="ti ti-device-tablet"/> {{ i18n.ts.tablet }}</option>
 				<option value="desktop"><i class="ti ti-device-desktop"/> {{ i18n.ts.desktop }}</option>
 			</MkRadios>
+		</MkSearchMarker>
 
 		<FormSection>
 			<div class="_gaps_s">
+				<MkSearchMarker
+					:label="i18n.ts.showFixedPostForm"
+					:keywords="['post', 'form', 'timeline']"
+				>
 					<MkSwitch v-model="showFixedPostForm">{{ i18n.ts.showFixedPostForm }}</MkSwitch>
+				</MkSearchMarker>
+
+				<MkSearchMarker
+					:label="i18n.ts.showFixedPostFormInChannel"
+					:keywords="['post', 'form', 'timeline', 'channel']"
+				>
 					<MkSwitch v-model="showFixedPostFormInChannel">{{ i18n.ts.showFixedPostFormInChannel }}</MkSwitch>
+				</MkSearchMarker>
+
+				<MkSearchMarker
+					:label="i18n.ts.pinnedList"
+					:keywords="['pinned', 'list']"
+				>
 					<MkFolder>
 						<template #label>{{ i18n.ts.pinnedList }}</template>
 						<!-- 複数ピン止め管理できるようにしたいけどめんどいので一旦ひとつのみ -->
 						<MkButton v-if="defaultStore.reactiveState.pinnedUserLists.value.length === 0" @click="setPinnedList()">{{ i18n.ts.add }}</MkButton>
 						<MkButton v-else danger @click="removePinnedList()"><i class="ti ti-trash"></i> {{ i18n.ts.remove }}</MkButton>
 					</MkFolder>
+				</MkSearchMarker>
 			</div>
 		</FormSection>
 
@@ -246,6 +274,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 			</div>
 		</FormSection>
 	</div>
+</MkSearchSection>
 </template>
 
 <script lang="ts" setup>

packages/frontend/src/pages/settings/privacy.vue

@@ -4,8 +4,8 @@ SPDX-License-Identifier: AGPL-3.0-only
 -->
 
 <template>
-<div class="_gaps_m">
 <MkSearchSection :label="i18n.ts.privacy" :keywords="['privacy']" icon="ti ti-lock-open">
+	<div class="_gaps_m">
 		<MkSearchMarker
 			:label="i18n.ts.makeFollowManuallyApprove"
 			:keywords="['follow', 'lock', i18n.ts.lockedAccountInfo]"
@@ -238,8 +238,8 @@ SPDX-License-Identifier: AGPL-3.0-only
 		>
 			<MkSwitch v-model="keepCw" @update:modelValue="save()">{{ i18n.ts.keepCw }}</MkSwitch>
 		</MkSearchMarker>
-	</MkSearchSection>
 	</div>
+</MkSearchSection>
 </template>
 
 <script lang="ts" setup>