boiii
/
traxxx
forked from DebaucheryLibrarian/traxxx
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Showing movie cover as banner background.

This commit is contained in:
DebaucheryLibrarian 2021-02-02 04:08:52 +01:00
parent 696eb9a9d0
commit 1e43c0e4c3
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
assets/components/releases/release.vue
View File

@ -6,7 +6,7 @@
<Scroll
v-slot="slotProps"
class="scroll-light banner"
:style="{ 'background-image': release.poster && `url(/media/${release.poster.thumbnail})` }"
:style="{ 'background-image': bannerBackground }"
:expandable="false"
>
<Banner
@ -219,6 +219,11 @@ async function fetchRelease() {
}
}
function bannerBackground() {
return (this.release.poster && `url(/media/${this.release.poster.thumbnail})`)
|| (this.release.covers.length > 0 && `url(/media/${this.release.covers[0].thumbnail})`);
}
function pageTitle() {
return this.release
&& (this.release.title
@ -244,6 +249,7 @@ export default {
},
computed: {
pageTitle,
bannerBackground,
},
watch: {
$route: fetchRelease,