From aad4ff8079679dabca9625314a2383396a7b1358 Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <DebaucheryLibrarian@unknown.name>
Date: Sat, 7 Feb 2026 02:03:15 +0100
Subject: [PATCH] Centered banner blur background.

---
 components/campaigns/campaign.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/campaigns/campaign.vue b/components/campaigns/campaign.vue
index d690443..28ee1bf 100644
--- a/components/campaigns/campaign.vue
+++ b/components/campaigns/campaign.vue
@@ -29,7 +29,7 @@
 		:href="campaign.url || campaign.affiliate?.url"
 		target="_blank"
 		class="campaign"
-		:style="{ background: backdrop && `url(${bannerSrc})` }"
+		:style="{ 'background-image': backdrop && `url(${bannerSrc})` }"
 		data-umami-event="campaign-click"
 		:data-umami-event-campaign-id="`${campaign.entity.slug}-${campaign.id}`"
 	>
@@ -85,6 +85,8 @@ const bannerSrc = (() => {
 	justify-content: center;
 	border-radius: .25rem;
 	overflow: hidden;
+	background-size: cover;
+	background-position: center;
 }
 
 .frame {