Centered banner blur background.

This commit is contained in:
2026-02-07 02:03:15 +01:00
parent 8821b3a00d
commit aad4ff8079

View File

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