From 1e43c0e4c3c6ec4b72a2a1570e5f80a75ddc6534 Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <moonloop.adult@protonmail.com>
Date: Tue, 2 Feb 2021 04:08:52 +0100
Subject: [PATCH] Showing movie cover as banner background.

---
 assets/components/releases/release.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/assets/components/releases/release.vue b/assets/components/releases/release.vue
index 71d261e9..9b3697f6 100644
--- a/assets/components/releases/release.vue
+++ b/assets/components/releases/release.vue
@@ -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,