web/DonateBanner: load imput logo as component
This commit is contained in:
parent
e074dd5b89
commit
c98b08fc7f
3 changed files with 14 additions and 6 deletions
|
@ -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;
|
||||
}
|
||||
|
|
5
web/src/lib/icons/Imput.svelte
Normal file
5
web/src/lib/icons/Imput.svelte
Normal 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 |
|
@ -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 |
Loading…
Reference in a new issue