web/DonateBanner: load imput logo as component

This commit is contained in:
wukko 2024-08-06 14:54:31 +06:00
parent e074dd5b89
commit c98b08fc7f
No known key found for this signature in database
GPG key ID: 3E30B3F26C7B4AA2
3 changed files with 14 additions and 6 deletions

View file

@ -2,6 +2,8 @@
import "@fontsource/redaction-10/400.css";
import { t } from "$lib/i18n/translations";
import Imput from "$lib/icons/Imput.svelte";
import Meowbalt from "$components/misc/Meowbalt.svelte";
import IconHeart from "@tabler/icons-svelte/IconHeart.svelte";
@ -10,7 +12,9 @@
<header id="banner">
<div id="banner-contents">
<div id="banner-left">
<img id="imput-logo" src="/icons/imput.svg" alt="imput logo" />
<div id="imput-logo">
<Imput />
</div>
<div id="banner-title" class="redaction">
{$t("donate.banner.title")}
</div>
@ -91,6 +95,10 @@
}
#imput-logo {
display: flex;
}
#imput-logo :global(svg) {
width: 48px;
height: 42px;
}

View file

@ -0,0 +1,5 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 532 283">
<path fill="#fff" d="M0 282.717v-62.5886h531.441v62.5886z"/>
<path fill="#fff" d="m103.176 35.2625 54.20331759-31.2943 139.958 242.41436693-54.20331759 31.2943z"/>
<path fill="#fff" d="m368.95 0 54.20331759 31.2943-134.6 233.1340387L234.35 233.1340387z"/>
</svg>

After

Width:  |  Height:  |  Size: 350 B

View file

@ -1,5 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 532 283">
<path fill="#fff" d="M0 282.717v-62.5886h531.441v62.5886z"/>
<path fill="#fff" d="m103.176 35.2625 54.20331759-31.2943 139.958 242.41436693-54.20331759 31.2943z"/>
<path fill="#fff" d="m368.95 0 54.20331759 31.2943-134.6 233.1340387L234.35 233.1340387z"/>
</svg>

Before

Width:  |  Height:  |  Size: 343 B