diff options
| author | anatawa12 <anatawa12@icloud.com> | 2023-08-05 13:58:31 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-08-05 13:58:31 +0900 |
| commit | c5b8766a18d2af25c68e153749dd476a2fd2f869 (patch) | |
| tree | df5571e415c0b77fa8316fcf42db5368d9e8351d /packages/frontend/src/components | |
| parent | Fix typos (#11450) (diff) | |
| download | misskey-c5b8766a18d2af25c68e153749dd476a2fd2f869.tar.gz misskey-c5b8766a18d2af25c68e153749dd476a2fd2f869.tar.bz2 misskey-c5b8766a18d2af25c68e153749dd476a2fd2f869.zip | |
feat: sensitive channel (#11438)
* feat(backend): add isSensitive to Channel
* feat(backend): support isSensitive in channel endpoints
* feat(frontend/channel-editor): support isSensitive in create/edit channel page
* feat(frontend/channel): show sensitive indicator for sensitive channels
* docs(changelog): add チャンネルをセンシティブ指定できるようになりました
* chore: license header for each file
* chore: add isSensitive of channel to Note object
Diffstat (limited to 'packages/frontend/src/components')
| -rw-r--r-- | packages/frontend/src/components/MkChannelPreview.vue | 14 |
1 files changed, 14 insertions, 0 deletions
diff --git a/packages/frontend/src/components/MkChannelPreview.vue b/packages/frontend/src/components/MkChannelPreview.vue index 9c08efb6c7..2583ee3831 100644 --- a/packages/frontend/src/components/MkChannelPreview.vue +++ b/packages/frontend/src/components/MkChannelPreview.vue @@ -8,6 +8,7 @@ SPDX-License-Identifier: AGPL-3.0-only <div class="banner" :style="bannerStyle"> <div class="fade"></div> <div class="name"><i class="ti ti-device-tv"></i> {{ channel.name }}</div> + <div v-if="channel.isSensitive" class="sensitiveIndicator">{{ i18n.ts.sensitive }}</div> <div class="status"> <div> <i class="ti ti-users ti-fw"></i> @@ -102,6 +103,19 @@ const bannerStyle = computed(() => { border-radius: 6px; color: #fff; } + + > .sensitiveIndicator { + position: absolute; + z-index: 1; + bottom: 16px; + left: 16px; + background: rgba(0, 0, 0, 0.7); + color: var(--warn); + border-radius: 6px; + font-weight: bold; + font-size: 1em; + padding: 4px 7px; + } } > article { |