DebaucheryLibrarian
/
traxxx
2
1
Fork 1
Code Issues 37 Pull Requests 1 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 <Scroll
v-slot="slotProps" v-slot="slotProps"
class="scroll-light banner" class="scroll-light banner"
:style="{ 'background-image': release.poster && `url(/media/${release.poster.thumbnail})` }" :style="{ 'background-image': bannerBackground }"
:expandable="false" :expandable="false"
> >
<Banner <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() { function pageTitle() {
return this.release return this.release
&& (this.release.title && (this.release.title
@ -244,6 +249,7 @@ export default {
}, },
computed: { computed: {
pageTitle, pageTitle,
bannerBackground,
}, },
watch: { watch: {
$route: fetchRelease, $route: fetchRelease,