Refactor logo image handling across components

- Introduced utility functions to determine the base directory and image URL for logos based on their collection.
- Updated `Actions.svelte`, `CardFull.svelte`, `CardMiddle.svelte`, `CardSmall.svelte`, and `CardTiny.svelte` to use the new utility functions for generating image paths.
- Ensured that the correct image format (SVG, PNG, JPG) is used based on the logo's properties and active color sets.
This commit is contained in:
sHa
2025-06-18 12:27:27 +03:00
parent a7762803b8
commit 708334bcf4
526 changed files with 4676 additions and 193 deletions

View File

@@ -0,0 +1,18 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" id="flag-icons-hn" viewBox="0 0 640 480">
<path fill="#18c3df" d="M0 0h640v480H0z"/>
<path fill="#fff" d="M0 160h640v160H0z"/>
<g id="hn-c" fill="#18c3df" transform="translate(320 240)scale(26.66665)">
<g id="hn-b">
<path id="hn-a" d="m-.3 0 .5.1L0-1z"/>
<use xlink:href="#hn-a" width="100%" height="100%" transform="scale(-1 1)"/>
</g>
<use xlink:href="#hn-b" width="100%" height="100%" transform="rotate(72)"/>
<use xlink:href="#hn-b" width="100%" height="100%" transform="rotate(-72)"/>
<use xlink:href="#hn-b" width="100%" height="100%" transform="rotate(144)"/>
<use xlink:href="#hn-b" width="100%" height="100%" transform="rotate(-144)"/>
</g>
<use xlink:href="#hn-c" width="100%" height="100%" transform="translate(133.3 -42.7)"/>
<use xlink:href="#hn-c" width="100%" height="100%" transform="translate(133.3 37.3)"/>
<use xlink:href="#hn-c" width="100%" height="100%" transform="translate(-133.3 -42.7)"/>
<use xlink:href="#hn-c" width="100%" height="100%" transform="translate(-133.3 37.3)"/>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB