enhance(profile): 相互リンク機能の設定画面のデザイン修正 (MisskeyIO#690)

locales/en-US.yml

@@ -2272,7 +2272,7 @@ _profile:
   addMutualLinkSection: "Add section"
   sectionName: "Section name"
   sectionNameNoneDescription: "Do not display the section name"
-  sectionNameNone: "Hide section name"
+  sectionNameNone: "Section without name"
 _exportOrImport:
   allNotes: "All notes"
   favoritedNotes: "Favorite notes"

locales/index.d.ts

@@ -8859,7 +8859,7 @@ export interface Locale extends ILocale {
          */
         "sectionNameNoneDescription": string;
         /**
-         * セクション名を表示しない
+         * 名前が表示されないセクション
          */
         "sectionNameNone": string;
     };

locales/ja-JP.yml

@@ -2328,7 +2328,7 @@ _profile:
   addMutualLinkSection: "セクションを追加"
   sectionName: "セクション名"
   sectionNameNoneDescription: "セクション名を表示しないようにする"
-  sectionNameNone: "セクション名を表示しない"
+  sectionNameNone: "名前が表示されないセクション"
 
 _exportOrImport:
   allNotes: "全てのノート"

locales/ko-KR.yml

@@ -2256,7 +2256,7 @@ _profile:
   addMutualLinkSection: "섹션 추가"
   sectionName: "섹션 이름"
   sectionNameNoneDescription: "섹션 이름이 표시되지 않도록 합니다."
-  sectionNameNone: "섹션 이름을 숨기기"
+  sectionNameNone: "이름이 표시되지 않는 섹션"
 _exportOrImport:
   allNotes: "모든 노트"
   favoritedNotes: "즐겨찾기한 노트"

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

@@ -117,11 +117,12 @@ SPDX-License-Identifier: AGPL-3.0-only
 								<MkFolder>
 									<template #label>{{ sectionElement.name || i18n.ts._profile.sectionNameNone }}</template>
 
-									<div :class="$style.metadataMargin">
+									<div class="_gaps_s" :class="$style.metadataMargin">
-										<MkInput v-model="sectionElement.name" :disabled="sectionElement.none" :placeholder="i18n.ts._profile.sectionName" :max="32"></MkInput>
+										<MkInput v-if="sectionElement.name !== null" v-model="sectionElement.name" :placeholder="i18n.ts._profile.sectionName" :max="32"></MkInput>
-										<MkSwitch v-model="sectionElement.none" @update:modelValue="()=>{sectionElement.name = null}">{{ i18n.ts._profile.sectionNameNoneDescription }}</MkSwitch>
+										<MkSwitch v-model="sectionElement.none" @update:modelValue="()=>{ sectionElement.none ? sectionElement.name = null : sectionElement.name = 'New Section' }">{{ i18n.ts._profile.sectionNameNoneDescription }}</MkSwitch>
 										<MkButton inline style="margin-right: 8px;" :disabled="sectionElement.mutualLinks.length >= $i.policies.mutualLinkLimit" @click="addMutualLinks(sectionIndex)"><i class="ti ti-plus"></i> {{ i18n.ts._profile.addMutualLink }}</MkButton>
 									</div>
+
 									<Sortable
 										v-model="sectionElement.mutualLinks"
 										class="_gaps_s"
@@ -248,7 +249,7 @@ function addMutualLinks(index:number) {
 
 function addMutualLinkSections() {
 	mutualLinkSections.value.push({
-		name: null,
+		name: 'New Section',
 		mutualLinks: [],
 	});
 }