monkee.ch/monkeeShark
1
0
Fork 0
Code Pull requests Activity

チャンネル一覧でバナーが無いとチャンネル名が出ないのを修正 (#6778)

Browse source
This commit is contained in:
takonomura 2020-10-31 05:53:02 +09:00 committed by GitHub
parent 42162c8015
commit 0baed1a275
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/client/components/channel-preview.vue
View file

@ -1,6 +1,6 @@
<template> <template>
<MkA :to="`/channels/${channel.id}`" class="eftoefju _panel" tabindex="-1"> <MkA :to="`/channels/${channel.id}`" class="eftoefju _panel" tabindex="-1">
<div class="banner" v-if="channel.bannerUrl" :style="`background-image: url('${channel.bannerUrl}')`"> <div class="banner" :style="bannerStyle">
<div class="fade"></div> <div class="fade"></div>
<div class="name"><Fa :icon="faSatelliteDish"/> {{ channel.name }}</div> <div class="name"><Fa :icon="faSatelliteDish"/> {{ channel.name }}</div>
<div class="status"> <div class="status">
@ -45,6 +45,16 @@ export default defineComponent({
}, },
}, },
computed: {
bannerStyle() {
if (this.channel.bannerUrl) {
return { backgroundImage: `url(${this.channel.bannerUrl})` };
} else {
return { backgroundColor: '#4c5e6d' };
}
}
},
data() { data() {
return { return {
faSatelliteDish, faUsers, faPencilAlt, faSatelliteDish, faUsers, faPencilAlt,