oscar-surf/misskey
oscar-surf/misskey
0
0
Fork 0
Code Issues Activity

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

Browse source
This commit is contained in:
まっちゃとーにゅ 2024-08-14 09:18:46 +09:00 • committed by GitHub
parent f415b2ebbe
commit 90be6317e6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 9 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

9
packages/frontend/src/pages/settings/profile.vue
View file

@ -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">
<MkInput v-model="sectionElement.name" :disabled="sectionElement.none" :placeholder="i18n.ts._profile.sectionName" :max="32"></MkInput>
<MkSwitch v-model="sectionElement.none" @update:modelValue="()=>{sectionElement.name = null}">{{ i18n.ts._profile.sectionNameNoneDescription }}</MkSwitch>
<div class="_gaps_s" :class="$style.metadataMargin">
<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.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: [],
});
}