usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

enhance(frontend): ヘッダ部の表示改善

This commit is contained in:
tai-cha 2025-01-17 07:59:37 +09:00
parent c0d3b1d30d
commit 168450b728
No known key found for this signature in database
GPG Key ID: 1D5EE39F870DC283
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/frontend/src/components/MkNoteDraftSelectDialog.vue
View File

@ -34,13 +34,13 @@ SPDX-License-Identifier: AGPL-3.0-only
</div> </div>
<div :class="$style.headerRight"> <div :class="$style.headerRight">
<div style="margin-left: 0.5em;" :title="i18n.ts._visibility[draft.visibility]"> <div style="margin-left: 0.5em;" :title="i18n.ts._visibility[draft.visibility]">
<i v-if="draft.visibility === 'public'" class="ti ti-world"></i> <i v-if="draft.visibility === 'public' && draft.channel == null" class="ti ti-world"></i>
<i v-else-if="draft.visibility === 'home'" class="ti ti-home"></i> <i v-else-if="draft.visibility === 'home'" class="ti ti-home"></i>
<i v-else-if="draft.visibility === 'followers'" class="ti ti-lock"></i> <i v-else-if="draft.visibility === 'followers'" class="ti ti-lock"></i>
<i v-else-if="draft.visibility === 'specified'" ref="specified" class="ti ti-mail"></i> <i v-else-if="draft.visibility === 'specified'" ref="specified" class="ti ti-mail"></i>
</div> </div>
<span v-if="draft.localOnly" v-tooltip="i18n.ts.localOnly"><i class="ti ti-rocket-off"></i></span>
<span v-if="draft.channel" v-tooltip="i18n.ts.channel"><i class="ti ti-device-tv"></i> </span> <span v-if="draft.channel" v-tooltip="i18n.ts.channel"><i class="ti ti-device-tv"></i> </span>
<span v-if="draft.localOnly" v-tooltip="i18n.ts.localOnly"><i class="ti ti-rocket-off"></i></span>
</div> </div>
</div> </div>
<div :class="$style.draftBody"> <div :class="$style.draftBody">
@ -173,6 +173,11 @@ onMounted(() => {
align-items: center; align-items: center;
} }
.headerRight {
display: flex;
align-items: center;
}
.headerAvater { .headerAvater {
width: 1.2em; width: 1.2em;
height: 1.2em; height: 1.2em;