Centered banner blur background.
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user