elgaard/MapComplete
1
0
Fork 0
forked from MapComplete/MapComplete
Code Pull requests Activity

Themes: add some icons

Browse source
This commit is contained in:
Pieter Vander Vennet 2024-07-29 23:34:41 +02:00
parent 5f355aa3e2
commit 48df2379bf
4 changed files with 41 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/UI/Map/Icon.svelte
View file

@ -22,7 +22,7 @@
import Brick_wall_square from "../../assets/svg/Brick_wall_square.svelte"
import Brick_wall_round from "../../assets/svg/Brick_wall_round.svelte"
import Gps_arrow from "../../assets/svg/Gps_arrow.svelte"
import { HeartIcon } from "@babeard/svelte-heroicons/solid"
import { HeartIcon, WifiIcon } from "@babeard/svelte-heroicons/solid"
import { HeartIcon as HeartOutlineIcon } from "@babeard/svelte-heroicons/outline"
import Confirm from "../../assets/svg/Confirm.svelte"
import Not_found from "../../assets/svg/Not_found.svelte"
@ -37,6 +37,7 @@
import Cross_bottom_right from "../../assets/svg/Cross_bottom_right.svelte"
import { Utils } from "../../Utils"
import Gear from "../../assets/svg/Gear.svelte"
import { DesktopComputerIcon } from "@rgossiaux/svelte-heroicons/solid"
/**
* Renders a single icon.
@ -46,7 +47,8 @@
export let icon: string | undefined
export let color: string | undefined = undefined
export let clss: string | undefined = undefined
export let clss: string | undefined = ""
clss ??= ""
export let emojiHeight = 40
</script>
@ -124,7 +126,7 @@
{:else if icon === "party"}
<Party {color} class={clss} />
{:else if icon === "cross_bottom_right"}
<Cross_bottom_right {color} class={clss} />
<Cross_bottom_right {color} class={"m-0 "+clss} />
{:else if icon === "addSmall"}
<AddSmall {color} class={clss} />
{:else if icon === "gear"}
@ -133,6 +135,10 @@
<LinkIcon style="--svg-color: {color}" class={twMerge(clss, "apply-fill")} />
{:else if icon === "popout"}
<LinkIcon style="--svg-color: {color}" />
{:else if icon === "wifi"}
<WifiIcon class={"m-0 " +clss} {color} />
{:else if icon === "computer"}
<DesktopComputerIcon class={"m-0 "+clss} {color} />
{:else if Utils.isEmoji(icon)}
<span style={`font-size: ${emojiHeight}px; line-height: ${emojiHeight}px`}>
{icon}