diff options
| author | かっこかり <67428053+kakkokari-gtyih@users.noreply.github.com> | 2025-11-06 10:15:59 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-11-06 10:15:59 +0900 |
| commit | 0edb0133fcb2dab8904d9da7f444fe6996b6d6b6 (patch) | |
| tree | ef923a9e16e2679531c25d5b86d279fd49b66110 /packages/frontend | |
| parent | fix(frontend): PageHeaderのタイトルがはみ出る問題を修正 (#16744) (diff) | |
| download | misskey-0edb0133fcb2dab8904d9da7f444fe6996b6d6b6.tar.gz misskey-0edb0133fcb2dab8904d9da7f444fe6996b6d6b6.tar.bz2 misskey-0edb0133fcb2dab8904d9da7f444fe6996b6d6b6.zip | |
enhance(frontend): チャンネル周りのUIの整理 (#16743)
* enhance(frontend): チャンネル周りのUIの整理
* fix: 共通要素間の一貫性を保つ
* Update Changelog
* fix: チャンネル新規作成を管理タブに移動・上部ボタン削除
Diffstat (limited to 'packages/frontend')
| -rw-r--r-- | packages/frontend/src/components/MkChannelPreview.vue | 5 | ||||
| -rw-r--r-- | packages/frontend/src/pages/channel.vue | 1 | ||||
| -rw-r--r-- | packages/frontend/src/pages/channels.vue | 14 |
3 files changed, 9 insertions, 11 deletions
diff --git a/packages/frontend/src/components/MkChannelPreview.vue b/packages/frontend/src/components/MkChannelPreview.vue index f79989d882..d3ed222cdb 100644 --- a/packages/frontend/src/components/MkChannelPreview.vue +++ b/packages/frontend/src/components/MkChannelPreview.vue @@ -27,6 +27,10 @@ SPDX-License-Identifier: AGPL-3.0-only </template> </I18n> </div> + <div v-if="$i != null && $i.id === channel.userId" style="color: var(--MI_THEME-warn)"> + <i class="ti ti-user-star ti-fw"></i> + <span style="margin-left: 4px;">{{ i18n.ts.youAreAdmin }}</span> + </div> </div> </div> <article v-if="channel.description"> @@ -48,6 +52,7 @@ SPDX-License-Identifier: AGPL-3.0-only <script lang="ts" setup> import { computed, ref, watch } from 'vue'; import * as Misskey from 'misskey-js'; +import { $i } from '@/i.js'; import { i18n } from '@/i18n.js'; import { miLocalStorage } from '@/local-storage.js'; diff --git a/packages/frontend/src/pages/channel.vue b/packages/frontend/src/pages/channel.vue index 9e1608f24d..7c19e6798d 100644 --- a/packages/frontend/src/pages/channel.vue +++ b/packages/frontend/src/pages/channel.vue @@ -15,6 +15,7 @@ SPDX-License-Identifier: AGPL-3.0-only <div :class="$style.bannerStatus"> <div><i class="ti ti-users ti-fw"></i><I18n :src="i18n.ts._channel.usersCount" tag="span" style="margin-left: 4px;"><template #n><b>{{ channel.usersCount }}</b></template></I18n></div> <div><i class="ti ti-pencil ti-fw"></i><I18n :src="i18n.ts._channel.notesCount" tag="span" style="margin-left: 4px;"><template #n><b>{{ channel.notesCount }}</b></template></I18n></div> + <div v-if="$i != null && channel != null && $i.id === channel.userId" style="color: var(--MI_THEME-warn)"><i class="ti ti-user-star ti-fw"></i><span style="margin-left: 4px;">{{ i18n.ts.youAreAdmin }}</span></div> </div> <div v-if="channel.isSensitive" :class="$style.sensitiveIndicator">{{ i18n.ts.sensitive }}</div> <div :class="$style.bannerFade"></div> diff --git a/packages/frontend/src/pages/channels.vue b/packages/frontend/src/pages/channels.vue index 1e7301d06d..f77034e318 100644 --- a/packages/frontend/src/pages/channels.vue +++ b/packages/frontend/src/pages/channels.vue @@ -44,8 +44,8 @@ SPDX-License-Identifier: AGPL-3.0-only </div> </MkPagination> </div> - <div v-else-if="tab === 'owned'"> - <MkButton class="new" @click="create()"><i class="ti ti-plus"></i></MkButton> + <div v-else-if="tab === 'owned'" class="_gaps"> + <MkButton link primary rounded to="/channels/new"><i class="ti ti-plus"></i> {{ i18n.ts.createNew }}</MkButton> <MkPagination v-slot="{items}" :paginator="ownedPaginator"> <div :class="$style.root"> <MkChannelPreview v-for="channel in items" :key="channel.id" :channel="channel"/> @@ -126,15 +126,7 @@ async function search() { key.value = query + type; } -function create() { - router.push('/channels/new'); -} - -const headerActions = computed(() => [{ - icon: 'ti ti-plus', - text: i18n.ts.create, - handler: create, -}]); +const headerActions = computed(() => []); const headerTabs = computed(() => [{ key: 'search', |