diff options
| author | nenohi <kimutipartylove@gmail.com> | 2023-05-16 12:28:59 +0900 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2023-05-16 12:28:59 +0900 |
| commit | 0d8e1c5421c6c495b72bf52621bb0ebf0a4ead86 (patch) | |
| tree | 57bfebeb19bf56121c03e01d46d7e824d950e773 /packages/frontend | |
| parent | enhance: タイムラインにフォロイーの行った他人へのリプ... (diff) | |
| download | misskey-0d8e1c5421c6c495b72bf52621bb0ebf0a4ead86.tar.gz misskey-0d8e1c5421c6c495b72bf52621bb0ebf0a4ead86.tar.bz2 misskey-0d8e1c5421c6c495b72bf52621bb0ebf0a4ead86.zip | |
channel favoriteの位置修正 (#10855)
Diffstat (limited to 'packages/frontend')
| -rw-r--r-- | packages/frontend/src/pages/channel.vue | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/packages/frontend/src/pages/channel.vue b/packages/frontend/src/pages/channel.vue index 9aa564a7da..2c0483aa06 100644 --- a/packages/frontend/src/pages/channel.vue +++ b/packages/frontend/src/pages/channel.vue @@ -5,6 +5,8 @@ <div v-if="channel && tab === 'overview'" class="_gaps"> <div class="_panel" :class="$style.bannerContainer"> <XChannelFollowButton :channel="channel" :full="true" :class="$style.subscribe"/> + <MkButton v-if="favorited" v-tooltip="i18n.ts.unfavorite" as-like class="button" rounded primary :class="$style.favorite" @click="unfavorite()"><i class="ti ti-star"></i></MkButton> + <MkButton v-else v-tooltip="i18n.ts.favorite" as-like class="button" rounded :class="$style.favorite" @click="favorite()"><i class="ti ti-star"></i></MkButton> <div :style="{ backgroundImage: channel.bannerUrl ? `url(${channel.bannerUrl})` : null }" :class="$style.banner"> <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> @@ -17,9 +19,6 @@ </div> </div> - <MkButton v-if="favorited" v-tooltip="i18n.ts.unfavorite" as-like class="button" rounded primary @click="unfavorite()"><i class="ti ti-star"></i></MkButton> - <MkButton v-else v-tooltip="i18n.ts.favorite" as-like class="button" rounded @click="favorite()"><i class="ti ti-star"></i></MkButton> - <MkFoldableSection> <template #header><i class="ti ti-pin ti-fw" style="margin-right: 0.5em;"></i>{{ i18n.ts.pinnedNotes }}</template> <div v-if="channel.pinnedNotes.length > 0" class="_gaps"> @@ -229,6 +228,13 @@ definePageMetadata(computed(() => channel ? { left: 16px; } +.favorite { + position: absolute; + z-index: 1; + top: 16px; + right: 16px; +} + .banner { position: relative; height: 200px; |