diff --git a/front/src/components/artist/Card.vue b/front/src/components/artist/Card.vue index e93e403e7..14b72fff8 100644 --- a/front/src/components/artist/Card.vue +++ b/front/src/components/artist/Card.vue @@ -46,7 +46,7 @@ const { artist } = props v-if="artist.cover" v-lazy="artist.cover.urls.medium_square_crop" :alt="artist.name" - class="channel-image" + :class="[artist.content_category === 'podcast' ? 'podcast-image' : 'channel-image']" > moment(props.object.artist?.modification_date) v-if="imageUrl" v-lazy="imageUrl" :alt="object.artist?.name" - class="channel-image" + :class="[object.artist?.content_category === 'podcast' ? 'podcast-image' : 'channel-image']" > moment(props.object.artist?.modification_date) margin: 16px; } +.podcast-image { + width: 168px; + height: 168px; + margin: 16px; +} + .play-button { top: 16px; right: 16px; diff --git a/front/src/views/channels/DetailBase.vue b/front/src/views/channels/DetailBase.vue index 9a5dc8263..e1687a79e 100644 --- a/front/src/views/channels/DetailBase.vue +++ b/front/src/views/channels/DetailBase.vue @@ -174,7 +174,7 @@ const tabs = ref([ @@ -496,6 +496,10 @@ const tabs = ref([ .channel-image { border-radius: 50%; } + .huge { + width: 300px; + height: 300px; + } .meta { line-height: 24px; font-size: 15px;