Centered banner blur background.

2026-02-07 02:03:15 +01:00
parent 8821b3a00d
commit aad4ff8079
1 changed files with 3 additions and 1 deletions
--- 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 {