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

UI: fix icons

Browse source
This commit is contained in:
Pieter Vander Vennet 2025-01-28 17:25:24 +01:00
parent 3a89b4b0b3
commit b6e5fc997a
2 changed files with 58 additions and 34 deletions
assets/svg
forgejo.svg
src/assets/svg
Forgejo.svelte

90
assets/svg/forgejo.svg
View file

@ -1,40 +1,64 @@
<svg viewBox="0 0 212 212" xmlns="http://www.w3.org/2000/svg">
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
viewBox="0 0 212 212"
version="1.1"
id="svg4"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#">
<metadata
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:dc="http://purl.org/dc/elements/1.1/"
>
id="metadata1">
<rdf:RDF>
<cc:Work rdf:about="https://codeberg.org/forgejo/meta/src/branch/readme/branding#logo">
<dc:title>Forgejo logo</dc:title>
<cc:creator rdf:resource="https://caesarschinas.com/"><cc:attributionName>Caesar Schinas</cc:attributionName></cc:creator>
<cc:license rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
<cc:Work
rdf:about="https://codeberg.org/forgejo/meta/src/branch/readme/branding#logo">
<cc:creator
rdf:resource="https://caesarschinas.com/">
<cc:attributionName>Caesar Schinas</cc:attributionName>
</cc:creator>
<cc:license
rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
</cc:Work>
</rdf:RDF>
</metadata>
<style type="text/css">
circle {
fill: none;
stroke: #000;
stroke-width: 15;
}
path {
fill: none;
stroke: #000;
stroke-width: 25;
}
.orange {
stroke:#ff6600;
}
.red {
stroke:#d40000;
}
</style>
<g transform="translate(6,6)">
<path d="M58 168 v-98 a50 50 0 0 1 50-50 h20" class="orange" />
<path d="M58 168 v-30 a50 50 0 0 1 50-50 h20" class="red" />
<circle cx="142" cy="20" r="18" class="orange" />
<circle cx="142" cy="88" r="18" class="red" />
<circle cx="58" cy="180" r="18" class="red" />
<g
transform="translate(6,6)"
id="g4">
<path
d="M58 168 v-98 a50 50 0 0 1 50-50 h20"
fill="none"
stroke-width="25"
stroke="#ff6600"
id="path1" />
<path
d="M58 168 v-30 a50 50 0 0 1 50-50 h20"
fill="none"
stroke-width="25"
stroke="#d40000"
id="path2" />
<circle
cx="142"
cy="20"
r="18"
fill="none"
stroke-width="15"
stroke="#ff6600"
id="circle2" />
<circle
cx="142"
cy="88"
r="18"
fill="none"
stroke-width="15"
stroke="#d40000"
id="circle3" />
<circle
cx="58"
cy="180"
r="18"
fill="none"
stroke-width="15"
stroke="#d40000"
id="circle4" />
</g>
</svg>

Side by side Swipe Overlay

Before

(image error) Size: 1.2 KiB

After

(image error) Size: 1.5 KiB

2
src/assets/svg/Forgejo.svelte
View file

@ -1,4 +1,4 @@
<script>
export let color = "#000000"
</script>
<svg {...$$restProps} on:click on:mouseover on:mouseenter on:mouseleave on:keydown on:focus viewBox="0 0 212 212" xmlns="http://www.w3.org/2000/svg"> <metadata xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" > <rdf:RDF> <cc:Work rdf:about="https://codeberg.org/forgejo/meta/src/branch/readme/branding#logo"> <dc:title>Forgejo logo</dc:title> <cc:creator rdf:resource="https://caesarschinas.com/"><cc:attributionName>Caesar Schinas</cc:attributionName></cc:creator> <cc:license rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" /> </cc:Work> </rdf:RDF> </metadata> <style type="text/css"> circle { fill: none !important; stroke: {color}; stroke-width: 15; } path { fill: none !important; stroke: {color}; stroke-width: 25; } .orange { stroke:#ff6600; } .red { stroke:#d40000; } </style> <g transform="translate(6,6)"> <path d="M58 168 v-98 a50 50 0 0 1 50-50 h20" class="orange" /> <path d="M58 168 v-30 a50 50 0 0 1 50-50 h20" class="red" /> <circle cx="142" cy="20" r="18" class="orange" /> <circle cx="142" cy="88" r="18" class="red" /> <circle cx="58" cy="180" r="18" class="red" /> </g> </svg>
<svg {...$$restProps} on:click on:mouseover on:mouseenter on:mouseleave on:keydown on:focus viewBox="0 0 212 212" version="1.1" id="svg4" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:cc="http://creativecommons.org/ns#"> <metadata id="metadata1"> <rdf:RDF> <cc:Work rdf:about="https://codeberg.org/forgejo/meta/src/branch/readme/branding#logo"> <cc:creator rdf:resource="https://caesarschinas.com/"> <cc:attributionName>Caesar Schinas</cc:attributionName> </cc:creator> <cc:license rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" /> </cc:Work> </rdf:RDF> </metadata> <g transform="translate(6,6)" id="g4"> <path d="M58 168 v-98 a50 50 0 0 1 50-50 h20" fill="none" stroke-width="25" stroke="#ff6600" id="path1" /> <path d="M58 168 v-30 a50 50 0 0 1 50-50 h20" fill="none" stroke-width="25" stroke="#d40000" id="path2" /> <circle cx="142" cy="20" r="18" fill="none" stroke-width="15" stroke="#ff6600" id="circle2" /> <circle cx="142" cy="88" r="18" fill="none" stroke-width="15" stroke="#d40000" id="circle3" /> <circle cx="58" cy="180" r="18" fill="none" stroke-width="15" stroke="#d40000" id="circle4" /> </g> </svg>