Showing movie cover as banner background.

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,