blitzwing/cobalt-7
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

web/DonateBanner: replace 150 svgs with background-repeat

Browse source
This commit is contained in:
wukko 2024-09-04 22:36:34 +06:00
parent 79237185bd
commit b9bb760793
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
1 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
web/src/components/donate/DonateBanner.svelte
View file

@ -33,9 +33,6 @@
<div id="banner-background">
<div id="banner-background-animation">
<div id="banner-background-inner">
{#each { length: 150 } as _}
<IconHeart class="heart-icon" />
{/each}
</div>
</div>
</div>
@ -79,7 +76,10 @@
#banner-background-inner {
color: white;
transform: rotate(-10deg) scale(1.5) translateY(-70px);
display: table-row;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="42" height="40" viewBox="2 7 21 10" fill="none" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="tabler-icon tabler-icon-heart heart-icon"><path d="M19.5 12.572l-7.5 7.428l-7.5 -7.428a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572"></path></svg>');
background-repeat: repeat;
width: 800px;
height: 400px;
}
#banner-background-inner :global(.heart-icon) {
@ -153,7 +153,7 @@
}
to {
transform: translate(85px) translateY(108px);
transform: translateX(83px) translateY(107px);
}
}