mirrors/misskey
1
0
Fork 1
mirror of https://github.com/misskey-dev/misskey.git synced 2026-05-04 10:46:09 +02:00
Code Releases Activity

enhance(frontend): チャンネル周りのUIの整理 (#16743)

Browse Source 
* enhance(frontend): チャンネル周りのUIの整理

* fix: 共通要素間の一貫性を保つ

* Update Changelog

* fix: チャンネル新規作成を管理タブに移動・上部ボタン削除
This commit is contained in:
かっこかり
2025-11-06 10:15:59 +09:00
committed by GitHub
parent 0abe021640
commit 0edb0133fc
6 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/frontend/src/components/MkChannelPreview.vue
View File

@@ -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';

1
packages/frontend/src/pages/channel.vue
View File

@@ -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>

14
packages/frontend/src/pages/channels.vue
View File

@@ -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',