From 5851a4ad39e7d414fcedf39d52161bf3f1a1a6c1 Mon Sep 17 00:00:00 2001
From: David Ludwig <davidludwigii@gmail.com>
Date: Wed, 28 Apr 2021 04:16:07 -0500
Subject: [PATCH] Disable repeating background on movie modal

---
 services/request/src/app/components/modals/MovieModal.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/services/request/src/app/components/modals/MovieModal.vue b/services/request/src/app/components/modals/MovieModal.vue
index 14e1ae8..97292d9 100644
--- a/services/request/src/app/components/modals/MovieModal.vue
+++ b/services/request/src/app/components/modals/MovieModal.vue
@@ -5,7 +5,7 @@
 				@before-enter="lockScroll(true)" @enter-cancelled="lockScroll(false)"
 				@leave="lockScroll(false)" @leave-cancelled="lockScroll(true)">
 				<div v-if="movie !== undefined" class="relative w-full max-w-6xl bg-white md:bg-none overflow-hidden rounded-xl flex-col flex-shrink-0 shadow-xl">
-					<div class="bg-center bg-cover" :class="{ 'text-white': isDark }"
+					<div class="bg-center bg-cover bg-no-repeat" :class="{ 'text-white': isDark }"
 						:style="movie.backdropPath ? `background: url('/api/tmdb/image/w1280${movie.backdropPath}')` : ''">
 						<div class="movie-modal-content z-10" :style="backdropOverlayStyle">
 							<div class="flex p-4 items-center">