diff --git a/web/src/components/donate/DonateBanner.svelte b/web/src/components/donate/DonateBanner.svelte index afc48a27..e16f1afe 100644 --- a/web/src/components/donate/DonateBanner.svelte +++ b/web/src/components/donate/DonateBanner.svelte @@ -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; } diff --git a/web/src/lib/icons/Imput.svelte b/web/src/lib/icons/Imput.svelte new file mode 100644 index 00000000..3f00b216 --- /dev/null +++ b/web/src/lib/icons/Imput.svelte @@ -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> diff --git a/web/static/icons/imput.svg b/web/static/icons/imput.svg deleted file mode 100644 index edb6c101..00000000 --- a/web/static/icons/imput.svg +++ /dev/null @@ -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> \ No newline at end of file