diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2020-10-18 12:16:42 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2020-10-18 12:16:42 +0900 |
| commit | ce5f552d0c1927c462513bfa321c55bb933aac50 (patch) | |
| tree | 82004a0b26cd6c96a55dcf2be13a1ef596eff9fe /src | |
| parent | Make unrenote button danger (diff) | |
| download | sharkey-ce5f552d0c1927c462513bfa321c55bb933aac50.tar.gz sharkey-ce5f552d0c1927c462513bfa321c55bb933aac50.tar.bz2 sharkey-ce5f552d0c1927c462513bfa321c55bb933aac50.zip | |
Fix channel design
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/pages/channel.vue | 16 |
1 files changed, 9 insertions, 7 deletions
diff --git a/src/client/pages/channel.vue b/src/client/pages/channel.vue index 305b2ab2b1..72fe1252a1 100644 --- a/src/client/pages/channel.vue +++ b/src/client/pages/channel.vue @@ -1,7 +1,7 @@ <template> -<div v-if="channel"> - <div class="wpgynlbz _panel _vMargin" :class="{ hide: !showBanner }"> - <XChannelFollow-button :channel="channel" :full="true" class="subscribe"/> +<div v-if="channel" class="_section"> + <div class="wpgynlbz _content _panel _vMargin" :class="{ hide: !showBanner }"> + <XChannelFollowButton :channel="channel" :full="true" class="subscribe"/> <button class="_button toggle" @click="() => showBanner = !showBanner"> <template v-if="showBanner"><Fa :icon="faAngleUp"/></template> <template v-else><Fa :icon="faAngleDown"/></template> @@ -10,8 +10,8 @@ </div> <div :style="{ backgroundImage: channel.bannerUrl ? `url(${channel.bannerUrl})` : null }" class="banner"> <div class="status"> - <div><Fa :icon="faUsers" fixed-width/><i18n path="_channel.usersCount" tag="span" style="margin-left: 4px;"><template #n><b>{{ channel.usersCount }}</b></template></i18n></div> - <div><Fa :icon="faPencilAlt" fixed-width/><i18n path="_channel.notesCount" tag="span" style="margin-left: 4px;"><template #n><b>{{ channel.notesCount }}</b></template></i18n></div> + <div><Fa :icon="faUsers" fixed-width/><i18n-t keypath="_channel.usersCount" tag="span" style="margin-left: 4px;"><template #n><b>{{ channel.usersCount }}</b></template></i18n-t></div> + <div><Fa :icon="faPencilAlt" fixed-width/><i18n-t keypath="_channel.notesCount" tag="span" style="margin-left: 4px;"><template #n><b>{{ channel.notesCount }}</b></template></i18n-t></div> </div> <div class="fade"></div> </div> @@ -20,9 +20,9 @@ </div> </div> - <XPostForm :channel="channel" class="post-form _panel _vMargin" fixed/> + <XPostForm :channel="channel" class="post-form _content _panel _vMargin" fixed/> - <XTimeline class="_vMargin" src="channel" :channel="channelId" @before="before" @after="after"/> + <XTimeline class="_content _vMargin" src="channel" :channel="channelId" @before="before" @after="after"/> </div> </template> @@ -91,6 +91,8 @@ export default defineComponent({ <style lang="scss" scoped> .wpgynlbz { + position: relative; + > .subscribe { position: absolute; z-index: 1; |