mirror of
https://github.com/shadoll/sLogos.git
synced 2025-12-20 20:35:19 +00:00
update InlineSvg component for better color handling; refactor logo components to streamline SVG rendering and remove unused styles.
This commit is contained in:
@@ -8,7 +8,20 @@
|
|||||||
"clothing",
|
"clothing",
|
||||||
"sports",
|
"sports",
|
||||||
"footwear"
|
"footwear"
|
||||||
]
|
],
|
||||||
|
"colors": [
|
||||||
|
{
|
||||||
|
"label": "Black",
|
||||||
|
"value": "#000"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "White",
|
||||||
|
"value": "#fff"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"colorConfig": {
|
||||||
|
"target": "path"
|
||||||
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Amazon",
|
"name": "Amazon",
|
||||||
@@ -17,7 +30,20 @@
|
|||||||
"disable": false,
|
"disable": false,
|
||||||
"tags": [
|
"tags": [
|
||||||
"retail"
|
"retail"
|
||||||
]
|
],
|
||||||
|
"colors": [
|
||||||
|
{
|
||||||
|
"label": "Black",
|
||||||
|
"value": "#000"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "White",
|
||||||
|
"value": "#fff"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"colorConfig": {
|
||||||
|
"selector": "#path12, #path14, #path16, #path18, #path28, #path30"
|
||||||
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Apple",
|
"name": "Apple",
|
||||||
@@ -31,13 +57,21 @@
|
|||||||
}
|
}
|
||||||
],
|
],
|
||||||
"colors": [
|
"colors": [
|
||||||
{ "label": "Silver", "value": "#999" },
|
{
|
||||||
{ "label": "White", "value": "#fff" },
|
"label": "Silver",
|
||||||
{ "label": "Black", "value": "#000" }
|
"value": "#999"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "White",
|
||||||
|
"value": "#fff"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "Black",
|
||||||
|
"value": "#000"
|
||||||
|
}
|
||||||
],
|
],
|
||||||
"colorConfig": {
|
"colorConfig": {
|
||||||
"target": "path",
|
"target": "path"
|
||||||
"attribute": "fill"
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
@@ -78,7 +112,20 @@
|
|||||||
"tags": [
|
"tags": [
|
||||||
"entertainment",
|
"entertainment",
|
||||||
"streaming"
|
"streaming"
|
||||||
]
|
],
|
||||||
|
"colors": [
|
||||||
|
{
|
||||||
|
"label": "Black",
|
||||||
|
"value": "#000"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "White",
|
||||||
|
"value": "#fff"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"colorConfig": {
|
||||||
|
"target": "path"
|
||||||
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Dodge",
|
"name": "Dodge",
|
||||||
@@ -129,7 +176,24 @@
|
|||||||
"tags": [
|
"tags": [
|
||||||
"automobile",
|
"automobile",
|
||||||
"transport"
|
"transport"
|
||||||
]
|
],
|
||||||
|
"colors": [
|
||||||
|
{
|
||||||
|
"label": "Green",
|
||||||
|
"value": "#424d07"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "Black",
|
||||||
|
"value": "#000"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "White",
|
||||||
|
"value": "#fff"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"colorConfig": {
|
||||||
|
"target": "g"
|
||||||
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Kyivstar",
|
"name": "Kyivstar",
|
||||||
@@ -199,7 +263,20 @@
|
|||||||
"tags": [
|
"tags": [
|
||||||
"bank",
|
"bank",
|
||||||
"finance"
|
"finance"
|
||||||
]
|
],
|
||||||
|
"colors": [
|
||||||
|
{
|
||||||
|
"label": "Black",
|
||||||
|
"value": "#000"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "White",
|
||||||
|
"value": "#fff"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"colorConfig": {
|
||||||
|
"selector": "#text1"
|
||||||
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Nationwide",
|
"name": "Nationwide",
|
||||||
@@ -279,29 +356,44 @@
|
|||||||
"clothing",
|
"clothing",
|
||||||
"sports",
|
"sports",
|
||||||
"footwear"
|
"footwear"
|
||||||
]
|
],
|
||||||
|
"colors": [
|
||||||
|
{
|
||||||
|
"label": "Black",
|
||||||
|
"value": "#000"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "White",
|
||||||
|
"value": "#fff"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"colorConfig": {
|
||||||
|
"target": "path"
|
||||||
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Revolut Black",
|
"name": "Revolut",
|
||||||
"path": "logos/revolut_black.svg",
|
"path": "logos/revolut.svg",
|
||||||
"format": "SVG",
|
"format": "SVG",
|
||||||
"disable": false,
|
"disable": false,
|
||||||
"tags": [
|
"tags": [
|
||||||
"bank",
|
"bank",
|
||||||
"finance",
|
"finance",
|
||||||
"transfer"
|
"transfer"
|
||||||
]
|
],
|
||||||
},
|
"colors": [
|
||||||
{
|
{
|
||||||
"name": "Revolut White",
|
"label": "Black",
|
||||||
"path": "logos/revolut_white.svg",
|
"value": "#000"
|
||||||
"format": "SVG",
|
},
|
||||||
"disable": false,
|
{
|
||||||
"tags": [
|
"label": "White",
|
||||||
"bank",
|
"value": "#fff"
|
||||||
"finance",
|
}
|
||||||
"transfer"
|
],
|
||||||
]
|
"colorConfig": {
|
||||||
|
"target": "path"
|
||||||
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Roomerin",
|
"name": "Roomerin",
|
||||||
@@ -310,7 +402,28 @@
|
|||||||
"disable": false,
|
"disable": false,
|
||||||
"tags": [
|
"tags": [
|
||||||
"furniture"
|
"furniture"
|
||||||
]
|
],
|
||||||
|
"colors": [
|
||||||
|
{
|
||||||
|
"label": "Brown",
|
||||||
|
"value": "#2b1c13"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "Green",
|
||||||
|
"value": "#859310"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "Black",
|
||||||
|
"value": "#000"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"label": "White",
|
||||||
|
"value": "#fff"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"colorConfig": {
|
||||||
|
"target": "#text"
|
||||||
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name": "Sendpulse Small",
|
"name": "Sendpulse Small",
|
||||||
|
|||||||
@@ -126,12 +126,100 @@ button:hover {
|
|||||||
margin-right: 0.5em;
|
margin-right: 0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Shared color switcher and color circle styles */
|
||||||
|
.color-circle {
|
||||||
|
width: 20px;
|
||||||
|
height: 20px;
|
||||||
|
border-radius: 50%;
|
||||||
|
box-shadow: 0 1px 2px rgba(0,0,0,0.08);
|
||||||
|
cursor: pointer;
|
||||||
|
display: inline-block;
|
||||||
|
transition: border 0.2s, box-shadow 0.2s;
|
||||||
|
}
|
||||||
|
.color-circle:hover {
|
||||||
|
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
|
||||||
|
}
|
||||||
|
.color-switcher-preview,
|
||||||
|
.color-switcher-inline,
|
||||||
|
.color-switcher-under {
|
||||||
|
display: flex;
|
||||||
|
gap: 0.4em;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.color-switcher-preview {
|
||||||
|
justify-content: center;
|
||||||
|
margin: 1em 0 0.5em 0;
|
||||||
|
}
|
||||||
|
.color-switcher-inline {
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
.color-switcher-under {
|
||||||
|
margin: 0.5em 0 0 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-tag {
|
||||||
|
display: inline-block;
|
||||||
|
background: var(--color-accent, #4f8cff);
|
||||||
|
color: #fff;
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 0.2em 0.8em;
|
||||||
|
font-size: 0.85em;
|
||||||
|
font-weight: 500;
|
||||||
|
letter-spacing: 0.02em;
|
||||||
|
transition: background 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-actions {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.5em;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-info {
|
||||||
|
background: var(--color-card);
|
||||||
|
color: var(--color-text);
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
border-radius: 4px;
|
||||||
|
transition: background 0.2s, color 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-image,
|
||||||
|
.logo-preview {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
background: var(--color-card);
|
||||||
|
color: var(--color-text);
|
||||||
|
border-radius: 4px;
|
||||||
|
overflow: hidden;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: background 0.2s, color 0.2s;
|
||||||
|
}
|
||||||
|
|
||||||
|
.logo-preview img {
|
||||||
|
max-width: 80%;
|
||||||
|
max-height: 80%;
|
||||||
|
width: auto;
|
||||||
|
height: auto;
|
||||||
|
object-fit: contain;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.format-row {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 1em;
|
||||||
|
margin-bottom: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
/* Direct logo image size constraints that will work with any component structure */
|
/* Direct logo image size constraints that will work with any component structure */
|
||||||
div.logo-image {
|
div.logo-image {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
background-color: #f5f5f5;
|
/* background-color removed for theme support */
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
@@ -144,6 +232,15 @@ div.logo-image img {
|
|||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.logo-image svg {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
max-width: 100%;
|
||||||
|
max-height: 100%;
|
||||||
|
display: block;
|
||||||
|
object-fit: contain;
|
||||||
|
}
|
||||||
|
|
||||||
/* Grid specific */
|
/* Grid specific */
|
||||||
.logo-grid .logo-item .logo-image {
|
.logo-grid .logo-item .logo-image {
|
||||||
/* height: 160px; */
|
/* height: 160px; */
|
||||||
@@ -157,3 +254,14 @@ div.logo-image img {
|
|||||||
height: 100px;
|
height: 100px;
|
||||||
border-right: 1px solid #eee;
|
border-right: 1px solid #eee;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Dark theme overrides */
|
||||||
|
@media (prefers-color-scheme: dark) {
|
||||||
|
:root {
|
||||||
|
--color-card: #23272e;
|
||||||
|
--background-color: #181a20;
|
||||||
|
--color-text: #f5f6fa;
|
||||||
|
--color-border: #333842;
|
||||||
|
--color-accent: #4f8cff;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -1,28 +1,26 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="150mm" height="150mm" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
|
<svg xmlns="http://www.w3.org/2000/svg" width="150mm" height="150mm" style="fill-rule:evenodd"
|
||||||
viewBox="0 0 15000 15000"
|
viewBox="0 0 15000 15000">
|
||||||
xmlns:xlink="http://www.w3.org/1999/xlink">
|
<g>
|
||||||
<defs>
|
<polygon fill=none points="0,0 15000,0 15000,15000 0,15000 " />
|
||||||
<style type="text/css">
|
<rect fill="#256BB1" x="1290" y="1290" width="12421" height="12421" rx="1402" ry="1402" />
|
||||||
<![CDATA[
|
<path fill="#FEFEFE"
|
||||||
.fil1 {fill:none}
|
d="M7500 1942c3070,0 5559,2488 5559,5558 0,3070 -2489,5559 -5559,5559 -3070,0 -5558,-2489 -5558,-5559 0,-3070 2488,-5558 5558,-5558z" />
|
||||||
.fil2 {fill:#FEFEFE}
|
<g fill="#C32328" fill-rule="nonzero">
|
||||||
.fil0 {fill:#256BB1}
|
<polygon
|
||||||
.fil3 {fill:#C32328;fill-rule:nonzero}
|
points="5306,6127 6005,6127 6005,8866 5306,8866 5306,8496 4055,8496 4757,7826 5306,7826 5306,7100 3364,8929 3364,7963 " />
|
||||||
]]>
|
<polygon points="6770,6848 6196,6848 6196,6131 8703,6131 7949,6848 7523,6848 7523,8869 6770,8869 " />
|
||||||
</style>
|
<path
|
||||||
</defs>
|
d="M8878 6790l1400 0 694 -659 -2094 0 -695 659 0 2079 1594 0c100,-1 194,-25 281,-71 88,-47 165,-110 231,-191 67,-80 119,-171 157,-273 37,-103 57,-211 57,-323 0,-127 -19,-243 -57,-346 -37,-103 -89,-191 -155,-264 -67,-74 -144,-131 -233,-170 -88,-40 -182,-60 -285,-60l-744 0 0 658 607 0c55,1 97,19 127,53 30,34 46,79 46,136 0,37 -7,70 -21,99 -13,29 -33,51 -59,68 -26,17 -57,25 -93,25l-758 0 0 -1420z" />
|
||||||
<g id="Layer_x0020_1">
|
</g>
|
||||||
<metadata id="CorelCorpID_0Corel-Layer"/>
|
<g fill="#256BB1">
|
||||||
<rect class="fil0" x="1290" y="1290" width="12421" height="12421" rx="1402" ry="1402"/>
|
<path class="fil0"
|
||||||
<polygon class="fil1" points="0,0 15000,0 15000,15000 0,15000 "/>
|
d="M11102 4153l-504 1419c-1008,-1431 -2885,-1024 -5214,344 1612,-1637 3479,-2365 5718,-1763z" />
|
||||||
<path class="fil2" d="M7500 1942c3070,0 5559,2488 5559,5558 0,3070 -2489,5559 -5559,5559 -3070,0 -5558,-2489 -5558,-5559 0,-3070 2488,-5558 5558,-5558z"/>
|
<path class="fil0"
|
||||||
<polygon class="fil3" points="5306,6127 6005,6127 6005,8866 5306,8866 5306,8496 4055,8496 4757,7826 5306,7826 5306,7100 3364,8929 3364,7963 "/>
|
d="M3898 10847l504 -1419c1008,1431 2885,1024 5214,-344 -1612,1637 -3479,2365 -5718,1763z" />
|
||||||
<polygon class="fil3" points="6770,6848 6196,6848 6196,6131 8703,6131 7949,6848 7523,6848 7523,8869 6770,8869 "/>
|
<path class="fil0" d="M10696 3734c-3574,-3372 -9861,617 -7759,5609 132,-3725 4861,-6340 7759,-5609z" />
|
||||||
<path class="fil3" d="M8878 6790l1400 0 694 -659 -2094 0 -695 659 0 2079 1594 0c100,-1 194,-25 281,-71 88,-47 165,-110 231,-191 67,-80 119,-171 157,-273 37,-103 57,-211 57,-323 0,-127 -19,-243 -57,-346 -37,-103 -89,-191 -155,-264 -67,-74 -144,-131 -233,-170 -88,-40 -182,-60 -285,-60l-744 0 0 658 607 0c55,1 97,19 127,53 30,34 46,79 46,136 0,37 -7,70 -21,99 -13,29 -33,51 -59,68 -26,17 -57,25 -93,25l-758 0 0 -1420z"/>
|
<path class="fil0" d="M4304 11266c3574,3372 9861,-617 7759,-5609 -132,3725 -4861,6340 -7759,5609z" />
|
||||||
<path class="fil0" d="M11102 4153l-504 1419c-1008,-1431 -2885,-1024 -5214,344 1612,-1637 3479,-2365 5718,-1763z"/>
|
<path class="fil0"
|
||||||
<path class="fil0" d="M3898 10847l504 -1419c1008,1431 2885,1024 5214,-344 -1612,1637 -3479,2365 -5718,1763z"/>
|
d="M2575 905l9850 0c919,0 1670,751 1670,1670l0 9850c0,919 -751,1670 -1670,1670l-9850 0c-919,0 -1670,-751 -1670,-1670l0 -9850c0,-919 751,-1670 1670,-1670zm-46 -153l9942 0c977,0 1777,800 1777,1777l0 9942c0,977 -800,1777 -1777,1777l-9942 0c-977,0 -1777,-800 -1777,-1777l0 -9942c0,-977 800,-1777 1777,-1777z" />
|
||||||
<path class="fil0" d="M10696 3734c-3574,-3372 -9861,617 -7759,5609 132,-3725 4861,-6340 7759,-5609z"/>
|
</g>
|
||||||
<path class="fil0" d="M4304 11266c3574,3372 9861,-617 7759,-5609 -132,3725 -4861,6340 -7759,5609z"/>
|
</g>
|
||||||
<path class="fil0" d="M2575 905l9850 0c919,0 1670,751 1670,1670l0 9850c0,919 -751,1670 -1670,1670l-9850 0c-919,0 -1670,-751 -1670,-1670l0 -9850c0,-919 751,-1670 1670,-1670zm-46 -153l9942 0c977,0 1777,800 1777,1777l0 9942c0,977 -800,1777 -1777,1777l-9942 0c-977,0 -1777,-800 -1777,-1777l0 -9942c0,-977 800,-1777 1777,-1777z"/>
|
|
||||||
</g>
|
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.2 KiB |
@@ -1,27 +1,21 @@
|
|||||||
<svg
|
<svg
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
viewBox="0 0 69 69" style="enable-background:new 0 0 69 69;" xml:space="preserve"
|
viewBox="0 0 69 69"
|
||||||
|
xml:space="preserve"
|
||||||
>
|
>
|
||||||
<style type="text/css">
|
<defs>
|
||||||
.st1 {
|
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="3864.9817" y1="49.0008" x2="3893.3887"
|
||||||
fill: url(#SVGID_1_);
|
y2="49.0008" gradientTransform="matrix(-1 0 0 1 3894.2446 0)">
|
||||||
}
|
<stop offset="0" stop-color="#D81222" />
|
||||||
|
<stop offset="1" stop-color="#960B1A" />
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
|
||||||
.st2 {
|
|
||||||
fill: #D81222;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<g>
|
<g>
|
||||||
<g>
|
<g>
|
||||||
|
<polygon fill="url(#SVGID_1_)" points="29.3,64.6 0.9,64.6 0.9,33.4" />
|
||||||
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="3864.9817" y1="49.0008" x2="3893.3887"
|
<circle fill="#D81222" cx="25.3" cy="41" r="8.5" />
|
||||||
y2="49.0008" gradientTransform="matrix(-1 0 0 1 3894.2446 0)">
|
<polygon fill="#D81222" points="29.3,0.5 0.9,33.4 0.9,64.6" />
|
||||||
<stop offset="0" style="stop-color:#D81222" />
|
|
||||||
<stop offset="1" style="stop-color:#960B1A" />
|
|
||||||
</linearGradient>
|
|
||||||
<polygon class="st1" points="29.3,64.6 0.9,64.6 0.9,33.4 " />
|
|
||||||
<circle class="st2" cx="25.3" cy="41" r="8.5" />
|
|
||||||
<polygon class="st2" points="29.3,0.5 0.9,33.4 0.9,64.6 " />
|
|
||||||
</g>
|
</g>
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 772 B After Width: | Height: | Size: 631 B |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 15 KiB |
@@ -1,28 +1,59 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="45.6 43 108.67 24">
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="45.6 43 108.67 24">
|
||||||
<g>
|
<g id="text1" fill="black">
|
||||||
<path d="M62.0682 58.0574V50.1787C62.0682 47.9438 60.8676 46.8828 58.8516 46.8828C57.1753 46.8828 55.7256 47.8761 55.0913 48.8694C54.6836 47.6278 53.6642 46.8828 52.0559 46.8828C50.3796 46.8828 48.9299 47.9212 48.4768 48.5759V47.1537H45.6V58.0574H48.4768V50.7205C48.9072 50.111 49.7453 49.4338 50.742 49.4338C51.92 49.4338 52.373 50.1562 52.373 51.172V58.0574H55.2725V50.698C55.6802 50.111 56.5184 49.4338 57.5377 49.4338C58.7157 49.4338 59.1687 50.1562 59.1687 51.172V58.0574H62.0682Z"/>
|
<path
|
||||||
<path d="M69.964 58.3283C73.5883 58.3283 75.763 55.7096 75.763 52.5943C75.763 49.5015 73.5883 46.8828 69.964 46.8828C66.3622 46.8828 64.1876 49.5015 64.1876 52.5943C64.1876 55.7096 66.3622 58.3283 69.964 58.3283ZM69.964 55.7773C68.1744 55.7773 67.1777 54.31 67.1777 52.5943C67.1777 50.9011 68.1744 49.4338 69.964 49.4338C71.7535 49.4338 72.7728 50.9011 72.7728 52.5943C72.7728 54.31 71.7535 55.7773 69.964 55.7773Z"/>
|
d="M62.0682 58.0574V50.1787C62.0682 47.9438 60.8676 46.8828 58.8516 46.8828C57.1753 46.8828 55.7256 47.8761 55.0913 48.8694C54.6836 47.6278 53.6642 46.8828 52.0559 46.8828C50.3796 46.8828 48.9299 47.9212 48.4768 48.5759V47.1537H45.6V58.0574H48.4768V50.7205C48.9072 50.111 49.7453 49.4338 50.742 49.4338C51.92 49.4338 52.373 50.1562 52.373 51.172V58.0574H55.2725V50.698C55.6802 50.111 56.5184 49.4338 57.5377 49.4338C58.7157 49.4338 59.1687 50.1562 59.1687 51.172V58.0574H62.0682Z" />
|
||||||
<path d="M88.1587 58.0574V50.3593C88.1587 48.2373 87.0035 46.8828 84.6023 46.8828C82.8128 46.8828 81.4763 47.7406 80.7741 48.5759V47.1537H77.8972V58.0574H80.7741V50.7205C81.2498 50.0659 82.1332 49.4338 83.2658 49.4338C84.489 49.4338 85.2819 49.953 85.2819 51.4655V58.0574H88.1587Z"/>
|
<path
|
||||||
<path d="M96.0892 58.3283C99.7136 58.3283 101.888 55.7096 101.888 52.5943C101.888 49.5015 99.7136 46.8828 96.0892 46.8828C92.4876 46.8828 90.3129 49.5015 90.3129 52.5943C90.3129 55.7096 92.4876 58.3283 96.0892 58.3283ZM96.0892 55.7773C94.2998 55.7773 93.303 54.31 93.303 52.5943C93.303 50.9011 94.2998 49.4338 96.0892 49.4338C97.879 49.4338 98.8982 50.9011 98.8982 52.5943C98.8982 54.31 97.879 55.7773 96.0892 55.7773Z"/>
|
d="M69.964 58.3283C73.5883 58.3283 75.763 55.7096 75.763 52.5943C75.763 49.5015 73.5883 46.8828 69.964 46.8828C66.3622 46.8828 64.1876 49.5015 64.1876 52.5943C64.1876 55.7096 66.3622 58.3283 69.964 58.3283ZM69.964 55.7773C68.1744 55.7773 67.1777 54.31 67.1777 52.5943C67.1777 50.9011 68.1744 49.4338 69.964 49.4338C71.7535 49.4338 72.7728 50.9011 72.7728 52.5943C72.7728 54.31 71.7535 55.7773 69.964 55.7773Z" />
|
||||||
<path d="M106.9 54.5584V50.6981C107.375 49.9757 108.44 49.4339 109.368 49.4339C111.045 49.4339 112.155 50.7206 112.155 52.6169C112.155 54.5132 111.045 55.7774 109.368 55.7774C108.44 55.7774 107.375 55.2582 106.9 54.5584ZM106.9 58.0575V56.6578C107.76 57.7414 108.961 58.3284 110.274 58.3284C113.038 58.3284 115.122 56.2515 115.122 52.6169C115.122 49.0501 113.061 46.8829 110.274 46.8829C108.984 46.8829 107.76 47.4473 106.9 48.5534V43H104.023V58.0575H106.9Z"/>
|
<path
|
||||||
<path d="M126.742 58.0574V51.014C126.742 47.8761 124.454 46.8828 121.962 46.8828C120.24 46.8828 118.519 47.4246 117.182 48.5985L118.269 50.5174C119.198 49.6595 120.285 49.2306 121.463 49.2306C122.913 49.2306 123.865 49.953 123.865 51.0592V52.5265C123.14 51.6687 121.849 51.1946 120.399 51.1946C118.655 51.1946 116.593 52.1653 116.593 54.7163C116.593 57.1544 118.655 58.3283 120.399 58.3283C121.826 58.3283 123.117 57.8091 123.865 56.9287V58.0574H126.742ZM121.554 56.3869C120.421 56.3869 119.493 55.7999 119.493 54.784C119.493 53.723 120.421 53.1361 121.554 53.1361C122.483 53.1361 123.389 53.4521 123.865 54.0842V55.4387C123.389 56.0708 122.483 56.3869 121.554 56.3869Z"/>
|
d="M88.1587 58.0574V50.3593C88.1587 48.2373 87.0035 46.8828 84.6023 46.8828C82.8128 46.8828 81.4763 47.7406 80.7741 48.5759V47.1537H77.8972V58.0574H80.7741V50.7205C81.2498 50.0659 82.1332 49.4338 83.2658 49.4338C84.489 49.4338 85.2819 49.953 85.2819 51.4655V58.0574H88.1587Z" />
|
||||||
<path d="M139.856 58.0574V50.3593C139.856 48.2373 138.701 46.8828 136.3 46.8828C134.511 46.8828 133.174 47.7406 132.472 48.5759V47.1537H129.595V58.0574H132.472V50.7205C132.947 50.0659 133.831 49.4338 134.963 49.4338C136.187 49.4338 136.979 49.953 136.979 51.4655V58.0574H139.856Z"/>
|
<path
|
||||||
<path d="M153.405 58.0575L148.942 52.0977L153.269 47.1538H149.735L145.59 52.0074V43H142.713V58.0575H145.59V55.2582L146.904 53.8585L149.803 58.0575H153.405Z"/>
|
d="M96.0892 58.3283C99.7136 58.3283 101.888 55.7096 101.888 52.5943C101.888 49.5015 99.7136 46.8828 96.0892 46.8828C92.4876 46.8828 90.3129 49.5015 90.3129 52.5943C90.3129 55.7096 92.4876 58.3283 96.0892 58.3283ZM96.0892 55.7773C94.2998 55.7773 93.303 54.31 93.303 52.5943C93.303 50.9011 94.2998 49.4338 96.0892 49.4338C97.879 49.4338 98.8982 50.9011 98.8982 52.5943C98.8982 54.31 97.879 55.7773 96.0892 55.7773Z" />
|
||||||
<g>
|
<path
|
||||||
<path d="M151.679 62.9976H152.405V65.3143H152.446L153.39 64.2015L154.06 64.1997L153.024 65.4161L154.272 66.9374H153.436L152.415 65.5214H152.405V66.9374H151.679V62.9976Z" fill="#7F7F7F"/>
|
d="M106.9 54.5584V50.6981C107.375 49.9757 108.44 49.4339 109.368 49.4339C111.045 49.4339 112.155 50.7206 112.155 52.6169C112.155 54.5132 111.045 55.7774 109.368 55.7774C108.44 55.7774 107.375 55.2582 106.9 54.5584ZM106.9 58.0575V56.6578C107.76 57.7414 108.961 58.3284 110.274 58.3284C113.038 58.3284 115.122 56.2515 115.122 52.6169C115.122 49.0501 113.061 46.8829 110.274 46.8829C108.984 46.8829 107.76 47.4473 106.9 48.5534V43H104.023V58.0575H106.9Z" />
|
||||||
<path d="M117.157 63.1738V65.3343C117.157 66.0702 117.374 66.4725 117.983 66.4725C118.565 66.4725 118.798 65.9847 118.798 65.3768V63.1738H119.485V65.5113C119.485 66.4617 118.864 67.0002 117.961 67.0002C116.928 67.0002 116.39 66.4993 116.39 65.4737V63.1738H117.157Z" fill="#7F7F7F"/>
|
<path
|
||||||
<path d="M121.089 64.5653C121.335 64.3078 121.677 64.1841 122.02 64.1841C122.656 64.1841 122.993 64.5272 122.993 65.2042V66.9349H122.271V65.2856C122.271 64.909 122.103 64.6616 121.726 64.6616C121.373 64.6616 121.095 64.8929 121.095 65.334V66.9349H120.372V64.248H121.089V64.5653Z" fill="#7F7F7F"/>
|
d="M126.742 58.0574V51.014C126.742 47.8761 124.454 46.8828 121.962 46.8828C120.24 46.8828 118.519 47.4246 117.182 48.5985L118.269 50.5174C119.198 49.6595 120.285 49.2306 121.463 49.2306C122.913 49.2306 123.865 49.953 123.865 51.0592V52.5265C123.14 51.6687 121.849 51.1946 120.399 51.1946C118.655 51.1946 116.593 52.1653 116.593 54.7163C116.593 57.1544 118.655 58.3283 120.399 58.3283C121.826 58.3283 123.117 57.8091 123.865 56.9287V58.0574H126.742ZM121.554 56.3869C120.421 56.3869 119.493 55.7999 119.493 54.784C119.493 53.723 120.421 53.1361 121.554 53.1361C122.483 53.1361 123.389 53.4521 123.865 54.0842V55.4387C123.389 56.0708 122.483 56.3869 121.554 56.3869Z" />
|
||||||
<path d="M123.843 66.9359H124.566V64.2489H123.843V66.9359ZM123.772 63.4432C123.772 63.2393 123.946 63.0293 124.191 63.0293C124.441 63.0293 124.636 63.2338 124.636 63.4432C124.636 63.674 124.468 63.8945 124.202 63.8945C123.946 63.8945 123.772 63.674 123.772 63.4432Z" fill="#7F7F7F"/>
|
<path
|
||||||
<path d="M126.166 66.9347L125.009 64.2363H125.775C126.009 64.8545 126.253 65.4359 126.481 66.1826H126.492C126.737 65.4359 126.969 64.8545 127.219 64.2363H127.897L126.672 66.9347H126.166Z" fill="#7F7F7F"/>
|
d="M139.856 58.0574V50.3593C139.856 48.2373 138.701 46.8828 136.3 46.8828C134.511 46.8828 133.174 47.7406 132.472 48.5759V47.1537H129.595V58.0574H132.472V50.7205C132.947 50.0659 133.831 49.4338 134.963 49.4338C136.187 49.4338 136.979 49.953 136.979 51.4655V58.0574H139.856Z" />
|
||||||
<path d="M130.049 65.2695C130.077 64.86 129.93 64.5814 129.572 64.5814C129.157 64.5814 128.971 64.909 128.979 65.2695H130.049ZM128.967 65.6564C128.951 66.1619 129.309 66.5373 129.761 66.5373C130.029 66.5373 130.31 66.446 130.491 66.3221L130.697 66.6986C130.327 66.9133 129.941 67 129.631 67C128.809 67 128.195 66.4244 128.195 65.5379C128.195 64.71 128.804 64.1841 129.582 64.1841C130.43 64.1841 130.784 64.8553 130.731 65.6564H128.967Z" fill="#7F7F7F"/>
|
<path
|
||||||
<path d="M132.15 64.7208H132.161L132.308 64.5114C132.388 64.3927 132.552 64.1841 132.775 64.1841C132.938 64.1841 133.113 64.2701 133.265 64.4253L132.993 64.9198C132.873 64.86 132.797 64.8285 132.65 64.8285C132.4 64.8285 132.155 65.0274 132.155 65.6073V66.9349H131.43V64.248H132.15V64.7208Z" fill="#7F7F7F"/>
|
d="M153.405 58.0575L148.942 52.0977L153.269 47.1538H149.735L145.59 52.0074V43H142.713V58.0575H145.59V55.2582L146.904 53.8585L149.803 58.0575H153.405Z" />
|
||||||
<path d="M135.196 64.7529C135.033 64.6348 134.864 64.5814 134.734 64.5814C134.571 64.5814 134.407 64.6724 134.407 64.8553C134.407 65.0703 134.669 65.1943 134.973 65.4137C135.361 65.6998 135.474 65.979 135.474 66.2249C135.474 66.6024 135.054 67 134.457 67C134.081 67 133.804 66.8705 133.549 66.6934L133.777 66.3221C133.939 66.4518 134.173 66.5799 134.368 66.5799C134.577 66.5799 134.761 66.4723 134.761 66.2468C134.761 65.9942 134.477 65.8547 134.217 65.6718C133.907 65.4626 133.695 65.2582 133.695 64.9256C133.695 64.5003 134.107 64.1841 134.641 64.1841C134.941 64.1841 135.234 64.2588 135.431 64.4315L135.196 64.7529Z" fill="#7F7F7F"/>
|
</g>
|
||||||
<path d="M137.257 65.5055C136.904 65.6184 136.725 65.8171 136.725 66.1231C136.725 66.3599 136.877 66.5213 137.052 66.5213C137.339 66.5213 137.715 66.1663 137.661 65.3766L137.257 65.5055ZM137.487 66.6773C137.29 66.8387 137.04 67 136.791 67C136.366 67 136.012 66.6773 136.012 66.1829C136.012 65.6718 136.388 65.3874 137.019 65.2042L137.661 65.0161C137.623 64.7693 137.4 64.6138 137.167 64.6138C136.856 64.6138 136.638 64.7267 136.448 64.888L136.213 64.5493C136.551 64.2754 136.882 64.1841 137.257 64.1841C137.759 64.1841 138.374 64.3442 138.374 65.1835V66.2792C138.374 66.4944 138.4 66.7476 138.488 66.9349H137.721C137.665 66.8433 137.65 66.6881 137.65 66.5429L137.487 66.6773Z" fill="#7F7F7F"/>
|
<g id="text2">
|
||||||
<path d="M139.184 66.9353H139.908V62.9858H139.184V66.9353Z" fill="#7F7F7F"/>
|
<path
|
||||||
<path d="M146.316 65.5055C145.962 65.6184 145.782 65.8171 145.782 66.1231C145.782 66.3599 145.934 66.5213 146.109 66.5213C146.396 66.5213 146.772 66.1663 146.719 65.3766L146.316 65.5055ZM146.543 66.6773C146.348 66.8387 146.098 67 145.847 67C145.423 67 145.069 66.6773 145.069 66.1829C145.069 65.6718 145.444 65.3874 146.077 65.2042L146.719 65.0161C146.679 64.7693 146.458 64.6138 146.222 64.6138C145.913 64.6138 145.695 64.7267 145.504 64.888L145.27 64.5493C145.608 64.2754 145.94 64.1841 146.316 64.1841C146.815 64.1841 147.43 64.3442 147.43 65.1835V66.2792C147.43 66.4944 147.457 66.7476 147.543 66.9349H146.778C146.724 66.8433 146.706 66.6881 146.706 66.5429L146.543 66.6773Z" fill="#7F7F7F"/>
|
d="M151.679 62.9976H152.405V65.3143H152.446L153.39 64.2015L154.06 64.1997L153.024 65.4161L154.272 66.9374H153.436L152.415 65.5214H152.405V66.9374H151.679V62.9976Z"
|
||||||
<path d="M148.959 64.5653C149.204 64.3078 149.547 64.1841 149.89 64.1841C150.526 64.1841 150.863 64.5272 150.863 65.2042V66.9349H150.14V65.2856C150.14 64.909 149.971 64.6616 149.596 64.6616C149.242 64.6616 148.964 64.8929 148.964 65.334V66.9349H148.241V64.248H148.959V64.5653Z" fill="#7F7F7F"/>
|
fill="#7F7F7F" />
|
||||||
<path d="M142.548 66.4828H142.939C143.364 66.4828 143.686 66.2628 143.686 65.8442C143.686 65.4031 143.354 65.2153 142.935 65.2153H142.548V66.4828ZM142.548 64.7532H142.788C143.229 64.7532 143.529 64.474 143.529 64.124C143.529 63.7915 143.277 63.6468 142.945 63.6468H142.548V64.7532ZM141.781 66.9454V63.1841H143.158C143.8 63.1841 144.252 63.4741 144.252 63.9846C144.252 64.5861 143.757 64.834 143.49 64.9034V64.9142C143.964 64.9361 144.491 65.2579 144.491 65.8328C144.491 66.4828 143.941 66.9454 143.044 66.9454H141.781Z" fill="#7F7F7F"/>
|
<path
|
||||||
</g>
|
d="M117.157 63.1738V65.3343C117.157 66.0702 117.374 66.4725 117.983 66.4725C118.565 66.4725 118.798 65.9847 118.798 65.3768V63.1738H119.485V65.5113C119.485 66.4617 118.864 67.0002 117.961 67.0002C116.928 67.0002 116.39 66.4993 116.39 65.4737V63.1738H117.157Z"
|
||||||
</g>
|
fill="#7F7F7F" />
|
||||||
|
<path
|
||||||
</svg>
|
d="M121.089 64.5653C121.335 64.3078 121.677 64.1841 122.02 64.1841C122.656 64.1841 122.993 64.5272 122.993 65.2042V66.9349H122.271V65.2856C122.271 64.909 122.103 64.6616 121.726 64.6616C121.373 64.6616 121.095 64.8929 121.095 65.334V66.9349H120.372V64.248H121.089V64.5653Z"
|
||||||
|
fill="#7F7F7F" />
|
||||||
|
<path
|
||||||
|
d="M123.843 66.9359H124.566V64.2489H123.843V66.9359ZM123.772 63.4432C123.772 63.2393 123.946 63.0293 124.191 63.0293C124.441 63.0293 124.636 63.2338 124.636 63.4432C124.636 63.674 124.468 63.8945 124.202 63.8945C123.946 63.8945 123.772 63.674 123.772 63.4432Z"
|
||||||
|
fill="#7F7F7F" />
|
||||||
|
<path
|
||||||
|
d="M126.166 66.9347L125.009 64.2363H125.775C126.009 64.8545 126.253 65.4359 126.481 66.1826H126.492C126.737 65.4359 126.969 64.8545 127.219 64.2363H127.897L126.672 66.9347H126.166Z"
|
||||||
|
fill="#7F7F7F" />
|
||||||
|
<path
|
||||||
|
d="M130.049 65.2695C130.077 64.86 129.93 64.5814 129.572 64.5814C129.157 64.5814 128.971 64.909 128.979 65.2695H130.049ZM128.967 65.6564C128.951 66.1619 129.309 66.5373 129.761 66.5373C130.029 66.5373 130.31 66.446 130.491 66.3221L130.697 66.6986C130.327 66.9133 129.941 67 129.631 67C128.809 67 128.195 66.4244 128.195 65.5379C128.195 64.71 128.804 64.1841 129.582 64.1841C130.43 64.1841 130.784 64.8553 130.731 65.6564H128.967Z"
|
||||||
|
fill="#7F7F7F" />
|
||||||
|
<path
|
||||||
|
d="M132.15 64.7208H132.161L132.308 64.5114C132.388 64.3927 132.552 64.1841 132.775 64.1841C132.938 64.1841 133.113 64.2701 133.265 64.4253L132.993 64.9198C132.873 64.86 132.797 64.8285 132.65 64.8285C132.4 64.8285 132.155 65.0274 132.155 65.6073V66.9349H131.43V64.248H132.15V64.7208Z"
|
||||||
|
fill="#7F7F7F" />
|
||||||
|
<path
|
||||||
|
d="M135.196 64.7529C135.033 64.6348 134.864 64.5814 134.734 64.5814C134.571 64.5814 134.407 64.6724 134.407 64.8553C134.407 65.0703 134.669 65.1943 134.973 65.4137C135.361 65.6998 135.474 65.979 135.474 66.2249C135.474 66.6024 135.054 67 134.457 67C134.081 67 133.804 66.8705 133.549 66.6934L133.777 66.3221C133.939 66.4518 134.173 66.5799 134.368 66.5799C134.577 66.5799 134.761 66.4723 134.761 66.2468C134.761 65.9942 134.477 65.8547 134.217 65.6718C133.907 65.4626 133.695 65.2582 133.695 64.9256C133.695 64.5003 134.107 64.1841 134.641 64.1841C134.941 64.1841 135.234 64.2588 135.431 64.4315L135.196 64.7529Z"
|
||||||
|
fill="#7F7F7F" />
|
||||||
|
<path
|
||||||
|
d="M137.257 65.5055C136.904 65.6184 136.725 65.8171 136.725 66.1231C136.725 66.3599 136.877 66.5213 137.052 66.5213C137.339 66.5213 137.715 66.1663 137.661 65.3766L137.257 65.5055ZM137.487 66.6773C137.29 66.8387 137.04 67 136.791 67C136.366 67 136.012 66.6773 136.012 66.1829C136.012 65.6718 136.388 65.3874 137.019 65.2042L137.661 65.0161C137.623 64.7693 137.4 64.6138 137.167 64.6138C136.856 64.6138 136.638 64.7267 136.448 64.888L136.213 64.5493C136.551 64.2754 136.882 64.1841 137.257 64.1841C137.759 64.1841 138.374 64.3442 138.374 65.1835V66.2792C138.374 66.4944 138.4 66.7476 138.488 66.9349H137.721C137.665 66.8433 137.65 66.6881 137.65 66.5429L137.487 66.6773Z"
|
||||||
|
fill="#7F7F7F" />
|
||||||
|
<path d="M139.184 66.9353H139.908V62.9858H139.184V66.9353Z" fill="#7F7F7F" />
|
||||||
|
<path
|
||||||
|
d="M146.316 65.5055C145.962 65.6184 145.782 65.8171 145.782 66.1231C145.782 66.3599 145.934 66.5213 146.109 66.5213C146.396 66.5213 146.772 66.1663 146.719 65.3766L146.316 65.5055ZM146.543 66.6773C146.348 66.8387 146.098 67 145.847 67C145.423 67 145.069 66.6773 145.069 66.1829C145.069 65.6718 145.444 65.3874 146.077 65.2042L146.719 65.0161C146.679 64.7693 146.458 64.6138 146.222 64.6138C145.913 64.6138 145.695 64.7267 145.504 64.888L145.27 64.5493C145.608 64.2754 145.94 64.1841 146.316 64.1841C146.815 64.1841 147.43 64.3442 147.43 65.1835V66.2792C147.43 66.4944 147.457 66.7476 147.543 66.9349H146.778C146.724 66.8433 146.706 66.6881 146.706 66.5429L146.543 66.6773Z"
|
||||||
|
fill="#7F7F7F" />
|
||||||
|
<path
|
||||||
|
d="M148.959 64.5653C149.204 64.3078 149.547 64.1841 149.89 64.1841C150.526 64.1841 150.863 64.5272 150.863 65.2042V66.9349H150.14V65.2856C150.14 64.909 149.971 64.6616 149.596 64.6616C149.242 64.6616 148.964 64.8929 148.964 65.334V66.9349H148.241V64.248H148.959V64.5653Z"
|
||||||
|
fill="#7F7F7F" />
|
||||||
|
<path
|
||||||
|
d="M142.548 66.4828H142.939C143.364 66.4828 143.686 66.2628 143.686 65.8442C143.686 65.4031 143.354 65.2153 142.935 65.2153H142.548V66.4828ZM142.548 64.7532H142.788C143.229 64.7532 143.529 64.474 143.529 64.124C143.529 63.7915 143.277 63.6468 142.945 63.6468H142.548V64.7532ZM141.781 66.9454V63.1841H143.158C143.8 63.1841 144.252 63.4741 144.252 63.9846C144.252 64.5861 143.757 64.834 143.49 64.9034V64.9142C143.964 64.9361 144.491 65.2579 144.491 65.8328C144.491 66.4828 143.941 66.9454 143.044 66.9454H141.781Z"
|
||||||
|
fill="#7F7F7F" />
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 8.0 KiB After Width: | Height: | Size: 8.7 KiB |
|
Before Width: | Height: | Size: 1.5 KiB After Width: | Height: | Size: 1.5 KiB |
@@ -1,4 +0,0 @@
|
|||||||
<svg width="350" height="359" viewBox="0 0 350 359" xmlns="http://www.w3.org/2000/svg">
|
|
||||||
<path id="Path" fill="#ffffff" stroke="none" d="M 44 43 L 44 69 L 121.399994 69 C 195.799988 69 199 69.100006 205.200012 71 C 221.700012 76.100006 233 88.600006 236.099976 105.200012 C 240 126.5 224.099976 148.799988 202 153 C 199.099976 153.5 182.600006 154 165.299988 154 C 134 154 134 154 132.899994 156.700012 C 132.299988 158.299988 132 168.399994 132.200012 182.399994 L 132.5 205.5 L 148 226.900024 C 156.5 238.700012 170.5 258 179 269.900024 C 187.600006 281.799988 197.799988 296 201.799988 301.5 C 205.799988 307 214.099976 318.599976 220.299988 327.200012 L 231.5 342.900024 L 267.799988 343 L 304.099976 343 L 301.200012 339.200012 C 298.099976 335.299988 282.799988 314.200012 269.099976 295 C 264.599976 288.700012 258.099976 279.700012 254.700012 274.900024 C 251.299988 270.200012 240.599976 255.400024 231 242.099976 C 221.400024 228.700012 211.700012 215.299988 209.599976 212.400024 C 207.400024 209.399994 205.900024 206.799988 206.200012 206.5 C 206.400024 206.200012 210.299988 205.399994 214.799988 204.600006 C 233.5 201.299988 249.5 193.799988 263.700012 181.600006 C 270.5 175.700012 279.799988 163.399994 284.400024 154.100006 C 292.099976 138.600006 295 127 295 111.100006 C 294.900024 69 267.099976 32.700012 225 19.799988 C 217.5 17.5 217.5 17.5 130.799988 17.200012 L 44 16.899994 Z"/>
|
|
||||||
<path id="path1" fill="#ffffff" stroke="none" d="M 44 220.5 L 44 343 L 104 343 L 104 98 L 44 98 Z"/>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 1.5 KiB |
@@ -1,6 +1,6 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" height="47.13mm" viewBox="0 0 256.21217 166.99535" width="72.309mm">
|
<svg xmlns="http://www.w3.org/2000/svg" height="47.13mm" viewBox="0 0 256.21217 166.99535" width="72.309mm">
|
||||||
<g transform="translate(-11.894 -15.591)">
|
<g transform="translate(-11.894 -15.591)">
|
||||||
<path
|
<path id="text"
|
||||||
d="m40.399 158.06c0 5.8938-2.5702 9.6062-7.7124 11.138l9.3462 12.979h-7.6631l-8.5292-12.005h-7.918v12.005h-6.0293v-35.715h13.282c5.4492 0 9.3516.92 11.701 2.76 2.3481 1.84 3.5234 4.7838 3.5234 8.8388zm-14.97 6.645c3.4096 0 5.7255-.53 6.9486-1.585 1.2286-1.055 1.8409-2.75 1.8409-5.0825s-.62887-3.9338-1.8896-4.805c-1.2608-.86625-3.5122-1.2988-6.7431-1.2988h-7.6636v12.771h7.5069zm29.198 10.3c1.6176 1.65 3.6689 2.4788 6.1532 2.4788 2.4892 0 4.54-.82875 6.1588-2.4788 1.6181-1.6562 2.4248-3.7888 2.4248-6.4138s-.80662-4.7625-2.4248-6.4138c-1.6188-1.65-3.6695-2.4788-6.1588-2.4788-2.4844 0-4.5356.82875-6.1532 2.4788-1.6188 1.6512-2.4254 3.7888-2.4254 6.4138s.80662 4.7575 2.4254 6.4138zm16.371 3.5225c-2.7226 2.7062-6.1259 4.0638-10.218 4.0638-4.0864 0-7.4908-1.3575-10.218-4.0638-2.7221-2.7062-4.0859-6.0188-4.0859-9.9362 0-3.9188 1.3638-7.2312 4.0859-9.9362 2.7275-2.7075 6.1319-4.065 10.218-4.065 4.0919 0 7.4951 1.3575 10.218 4.065 2.7276 2.705 4.0919 6.0175 4.0919 9.9362 0 3.9175-1.3642 7.23-4.0919 9.9362zm16.94-3.52c1.6186 1.65 3.6699 2.4788 6.1538 2.4788 2.4889 0 4.5406-.82875 6.1592-2.4788 1.6181-1.6562 2.4242-3.7888 2.4242-6.4138s-.80612-4.7625-2.4242-6.4138c-1.6186-1.65-3.6704-2.4788-6.1592-2.4788-2.4839 0-4.5351.82875-6.1538 2.4788-1.6181 1.6512-2.4244 3.7888-2.4244 6.4138s.80625 4.7575 2.4244 6.4138zm16.371 3.5225c-2.7218 2.7062-6.126 4.0638-10.217 4.0638-4.0859 0-7.4901-1.3575-10.218-4.0638-2.7226-2.7062-4.0854-6.0188-4.0854-9.9362 0-3.9188 1.3628-7.2312 4.0854-9.9362 2.7281-2.7075 6.1324-4.065 10.218-4.065 4.0914 0 7.4956 1.3575 10.217 4.065 2.7285 2.705 4.0922 6.0175 4.0922 9.9362 0 3.9175-1.3638 7.23-4.0922 9.9362zm16.302-11.062v14.716h-5.7212v-27.18h5.7212v4.9575c.81688-1.6725 2.0508-2.9812 3.7016-3.935 1.6558-.9525 3.4311-1.4338 5.3412-1.4338 4.292 0 7.2036 1.775 8.7361 5.3138 2.6888-3.5388 6.045-5.3138 10.066-5.3138 3.0625 0 5.5412.93625 7.43 2.8138 1.8938 1.8725 2.8362 4.5788 2.8362 8.1238v16.654h-5.72v-14.916c0-5.0112-2.0788-7.5125-6.2362-7.5125-1.9425 0-3.6362.6225-5.0812 1.8625-1.45 1.2438-2.2075 3.0575-2.2725 5.445v15.121h-5.7215v-14.916c0-2.5925-.45937-4.4925-1.3794-5.6988-.92038-1.2062-2.3711-1.8138-4.3461-1.8138-1.9751 0-3.6964.65625-5.1578 1.9662-1.4668 1.3138-2.1968 3.23-2.1968 5.7462zm71.368 3.6312h-21.301c.13625 1.9762 1.0388 3.5662 2.7062 4.7738 1.6725 1.2125 3.5762 1.8125 5.7262 1.8125 3.4038 0 5.9912-1.0712 7.76-3.2138l3.275 3.5712c-2.9338 3.0312-6.7438 4.5512-11.446 4.5512-3.815 0-7.0575-1.2712-9.7312-3.8088-2.6738-2.5388-4.01-5.9438-4.01-10.219 0-4.275 1.3588-7.6688 4.0863-10.191 2.7212-2.5212 5.9312-3.7825 9.6275-3.7825 3.6962 0 6.84 1.12 9.4275 3.35s3.88 5.3038 3.88 9.2225v3.9338zm-21.301-4.4975h15.581c0-2.2825-.715-4.0362-2.1425-5.265-1.4338-1.2238-3.1938-1.835-5.2888-1.835-2.0938 0-3.9775.63875-5.6438 1.9162-1.6725 1.2775-2.5062 3.0038-2.5062 5.1838zm41.841-6.2338c-2.8262 0-4.9525.92-6.3875 2.76-1.4275 1.84-2.1425 4.3075-2.1425 7.4088v11.648h-5.72v-27.18h5.72v5.4662c.92-1.705 2.17-3.1012 3.7562-4.1888 1.58-1.0875 3.2575-1.65 5.0325-1.6888l.0487 5.775h-.3075zm6.8512-13.899h6.0288v35.715h-6.0288zm42.706 0h6.03v35.715h-6.5388l-20.23-26.054v26.054h-6.0288v-35.715h6.0288l20.739 26.671v-26.671"
|
d="m40.399 158.06c0 5.8938-2.5702 9.6062-7.7124 11.138l9.3462 12.979h-7.6631l-8.5292-12.005h-7.918v12.005h-6.0293v-35.715h13.282c5.4492 0 9.3516.92 11.701 2.76 2.3481 1.84 3.5234 4.7838 3.5234 8.8388zm-14.97 6.645c3.4096 0 5.7255-.53 6.9486-1.585 1.2286-1.055 1.8409-2.75 1.8409-5.0825s-.62887-3.9338-1.8896-4.805c-1.2608-.86625-3.5122-1.2988-6.7431-1.2988h-7.6636v12.771h7.5069zm29.198 10.3c1.6176 1.65 3.6689 2.4788 6.1532 2.4788 2.4892 0 4.54-.82875 6.1588-2.4788 1.6181-1.6562 2.4248-3.7888 2.4248-6.4138s-.80662-4.7625-2.4248-6.4138c-1.6188-1.65-3.6695-2.4788-6.1588-2.4788-2.4844 0-4.5356.82875-6.1532 2.4788-1.6188 1.6512-2.4254 3.7888-2.4254 6.4138s.80662 4.7575 2.4254 6.4138zm16.371 3.5225c-2.7226 2.7062-6.1259 4.0638-10.218 4.0638-4.0864 0-7.4908-1.3575-10.218-4.0638-2.7221-2.7062-4.0859-6.0188-4.0859-9.9362 0-3.9188 1.3638-7.2312 4.0859-9.9362 2.7275-2.7075 6.1319-4.065 10.218-4.065 4.0919 0 7.4951 1.3575 10.218 4.065 2.7276 2.705 4.0919 6.0175 4.0919 9.9362 0 3.9175-1.3642 7.23-4.0919 9.9362zm16.94-3.52c1.6186 1.65 3.6699 2.4788 6.1538 2.4788 2.4889 0 4.5406-.82875 6.1592-2.4788 1.6181-1.6562 2.4242-3.7888 2.4242-6.4138s-.80612-4.7625-2.4242-6.4138c-1.6186-1.65-3.6704-2.4788-6.1592-2.4788-2.4839 0-4.5351.82875-6.1538 2.4788-1.6181 1.6512-2.4244 3.7888-2.4244 6.4138s.80625 4.7575 2.4244 6.4138zm16.371 3.5225c-2.7218 2.7062-6.126 4.0638-10.217 4.0638-4.0859 0-7.4901-1.3575-10.218-4.0638-2.7226-2.7062-4.0854-6.0188-4.0854-9.9362 0-3.9188 1.3628-7.2312 4.0854-9.9362 2.7281-2.7075 6.1324-4.065 10.218-4.065 4.0914 0 7.4956 1.3575 10.217 4.065 2.7285 2.705 4.0922 6.0175 4.0922 9.9362 0 3.9175-1.3638 7.23-4.0922 9.9362zm16.302-11.062v14.716h-5.7212v-27.18h5.7212v4.9575c.81688-1.6725 2.0508-2.9812 3.7016-3.935 1.6558-.9525 3.4311-1.4338 5.3412-1.4338 4.292 0 7.2036 1.775 8.7361 5.3138 2.6888-3.5388 6.045-5.3138 10.066-5.3138 3.0625 0 5.5412.93625 7.43 2.8138 1.8938 1.8725 2.8362 4.5788 2.8362 8.1238v16.654h-5.72v-14.916c0-5.0112-2.0788-7.5125-6.2362-7.5125-1.9425 0-3.6362.6225-5.0812 1.8625-1.45 1.2438-2.2075 3.0575-2.2725 5.445v15.121h-5.7215v-14.916c0-2.5925-.45937-4.4925-1.3794-5.6988-.92038-1.2062-2.3711-1.8138-4.3461-1.8138-1.9751 0-3.6964.65625-5.1578 1.9662-1.4668 1.3138-2.1968 3.23-2.1968 5.7462zm71.368 3.6312h-21.301c.13625 1.9762 1.0388 3.5662 2.7062 4.7738 1.6725 1.2125 3.5762 1.8125 5.7262 1.8125 3.4038 0 5.9912-1.0712 7.76-3.2138l3.275 3.5712c-2.9338 3.0312-6.7438 4.5512-11.446 4.5512-3.815 0-7.0575-1.2712-9.7312-3.8088-2.6738-2.5388-4.01-5.9438-4.01-10.219 0-4.275 1.3588-7.6688 4.0863-10.191 2.7212-2.5212 5.9312-3.7825 9.6275-3.7825 3.6962 0 6.84 1.12 9.4275 3.35s3.88 5.3038 3.88 9.2225v3.9338zm-21.301-4.4975h15.581c0-2.2825-.715-4.0362-2.1425-5.265-1.4338-1.2238-3.1938-1.835-5.2888-1.835-2.0938 0-3.9775.63875-5.6438 1.9162-1.6725 1.2775-2.5062 3.0038-2.5062 5.1838zm41.841-6.2338c-2.8262 0-4.9525.92-6.3875 2.76-1.4275 1.84-2.1425 4.3075-2.1425 7.4088v11.648h-5.72v-27.18h5.72v5.4662c.92-1.705 2.17-3.1012 3.7562-4.1888 1.58-1.0875 3.2575-1.65 5.0325-1.6888l.0487 5.775h-.3075zm6.8512-13.899h6.0288v35.715h-6.0288zm42.706 0h6.03v35.715h-6.5388l-20.23-26.054v26.054h-6.0288v-35.715h6.0288l20.739 26.671v-26.671"
|
||||||
fill="#2b1c13" />
|
fill="#2b1c13" />
|
||||||
<path
|
<path
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 17 KiB |
@@ -9,12 +9,64 @@
|
|||||||
async function fetchAndColorSvg() {
|
async function fetchAndColorSvg() {
|
||||||
const res = await fetch(path);
|
const res = await fetch(path);
|
||||||
let text = await res.text();
|
let text = await res.text();
|
||||||
|
if (!color || !colorConfig) {
|
||||||
|
// No colorization, render as-is
|
||||||
|
svgHtml = text;
|
||||||
|
return;
|
||||||
|
}
|
||||||
// Parse and update color
|
// Parse and update color
|
||||||
const parser = new DOMParser();
|
const parser = new DOMParser();
|
||||||
const doc = parser.parseFromString(text, 'image/svg+xml');
|
const doc = parser.parseFromString(text, 'image/svg+xml');
|
||||||
const targets = doc.querySelectorAll(colorConfig.selector || colorConfig.target);
|
// 1. Parse <style> rules and apply as inline attributes before removing <style>
|
||||||
|
const styleEls = Array.from(doc.querySelectorAll('style'));
|
||||||
|
styleEls.forEach(styleEl => {
|
||||||
|
const css = styleEl.textContent;
|
||||||
|
// Only handle simple .class { ... } rules
|
||||||
|
const regex = /\.([\w-]+)\s*{([^}]*)}/g;
|
||||||
|
let match;
|
||||||
|
while ((match = regex.exec(css))) {
|
||||||
|
const className = match[1];
|
||||||
|
const rules = match[2];
|
||||||
|
// Find all elements with this class
|
||||||
|
doc.querySelectorAll('.' + className).forEach(el => {
|
||||||
|
rules.split(';').forEach(rule => {
|
||||||
|
const [prop, value] = rule.split(':').map(s => s && s.trim());
|
||||||
|
if (prop && value) {
|
||||||
|
// Apply all style properties, not just fill/stroke
|
||||||
|
el.setAttribute(prop.replace(/-([a-z])/g, g => g[1].toUpperCase()), value);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
// Remove all <style> elements
|
||||||
|
styleEls.forEach(styleEl => styleEl.remove());
|
||||||
|
let targets;
|
||||||
|
if (colorConfig.selector) {
|
||||||
|
targets = doc.querySelectorAll(colorConfig.selector);
|
||||||
|
} else if (colorConfig.target) {
|
||||||
|
targets = doc.querySelectorAll(colorConfig.target);
|
||||||
|
} else {
|
||||||
|
targets = [];
|
||||||
|
}
|
||||||
targets.forEach(el => {
|
targets.forEach(el => {
|
||||||
el.setAttribute(colorConfig.attribute, color);
|
if (colorConfig.attribute) {
|
||||||
|
// Legacy: force a single attribute
|
||||||
|
el.setAttribute(colorConfig.attribute, color);
|
||||||
|
} else {
|
||||||
|
// Only set fill if no stroke attribute exists, and vice versa
|
||||||
|
const hasFill = el.hasAttribute('fill');
|
||||||
|
const hasStroke = el.hasAttribute('stroke');
|
||||||
|
if (hasFill && !hasStroke && el.getAttribute('fill') !== 'none') {
|
||||||
|
el.setAttribute('fill', color);
|
||||||
|
} else if (hasStroke && !hasFill && el.getAttribute('stroke') !== 'none') {
|
||||||
|
el.setAttribute('stroke', color);
|
||||||
|
} else if (!hasFill && !hasStroke) {
|
||||||
|
// If neither, prefer fill
|
||||||
|
el.setAttribute('fill', color);
|
||||||
|
}
|
||||||
|
// If both fill and stroke exist, do not override either
|
||||||
|
}
|
||||||
});
|
});
|
||||||
svgHtml = doc.documentElement.outerHTML;
|
svgHtml = doc.documentElement.outerHTML;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,6 +1,5 @@
|
|||||||
<script>
|
<script>
|
||||||
export let logo;
|
export let logo;
|
||||||
// export let onCopy; // No longer needed, handled locally
|
|
||||||
export let onDownload;
|
export let onDownload;
|
||||||
|
|
||||||
// Download menu state
|
// Download menu state
|
||||||
@@ -322,11 +321,6 @@
|
|||||||
color: #fff;
|
color: #fff;
|
||||||
outline: none;
|
outline: none;
|
||||||
}
|
}
|
||||||
/* Fix: rounded corners for single and grouped buttons
|
|
||||||
- If only one button (no menu), fully rounded
|
|
||||||
- If menu present, main button: left rounded, menu: right rounded
|
|
||||||
- If menu present but only menu button, menu: fully rounded
|
|
||||||
*/
|
|
||||||
.action-group .copy-btn:only-child,
|
.action-group .copy-btn:only-child,
|
||||||
.action-group .download-btn:only-child {
|
.action-group .download-btn:only-child {
|
||||||
border-radius: 6px;
|
border-radius: 6px;
|
||||||
|
|||||||
@@ -49,8 +49,13 @@
|
|||||||
on:keydown={(e) => (e.key === 'Enter' || e.key === ' ') && openPreview(logo)}
|
on:keydown={(e) => (e.key === 'Enter' || e.key === ' ') && openPreview(logo)}
|
||||||
style="cursor:pointer;"
|
style="cursor:pointer;"
|
||||||
>
|
>
|
||||||
{#if isSvgLogo(logo) && logo.colors}
|
{#if isSvgLogo(logo)}
|
||||||
<InlineSvg path={logo.path} color={logo._activeColor || logo.colors[0].value} colorConfig={logo.colorConfig} alt={logo.name} />
|
<InlineSvg
|
||||||
|
path={logo.path}
|
||||||
|
color={logo.colors ? (logo._activeColor || logo.colors[0].value) : undefined}
|
||||||
|
colorConfig={logo.colors ? logo.colorConfig : undefined}
|
||||||
|
alt={logo.name}
|
||||||
|
/>
|
||||||
{:else}
|
{:else}
|
||||||
<img src={logo.path} alt={logo.name} />
|
<img src={logo.path} alt={logo.name} />
|
||||||
{/if}
|
{/if}
|
||||||
@@ -101,7 +106,6 @@
|
|||||||
transition: background 0.2s, color 0.2s, transform 0.2s, box-shadow 0.2s;
|
transition: background 0.2s, color 0.2s, transform 0.2s, box-shadow 0.2s;
|
||||||
min-width: 320px;
|
min-width: 320px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo-grid {
|
.logo-grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
|
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
|
||||||
@@ -110,38 +114,8 @@
|
|||||||
.logo-image {
|
.logo-image {
|
||||||
height: 260px;
|
height: 260px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
background: var(--color-card);
|
|
||||||
color: var(--color-text);
|
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
|
||||||
cursor: pointer;
|
|
||||||
transition: background 0.2s, color 0.2s;
|
|
||||||
}
|
|
||||||
.logo-image img,
|
|
||||||
.logo-image :global(svg) {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
max-width: 100%;
|
|
||||||
max-height: 100%;
|
|
||||||
object-fit: contain;
|
|
||||||
object-position: center;
|
|
||||||
display: block;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
|
||||||
/* Make inline SVGs scale and fit like <img> */
|
|
||||||
.logo-image svg {
|
|
||||||
max-width: 80%;
|
|
||||||
max-height: 80%;
|
|
||||||
width: auto !important;
|
|
||||||
height: auto !important;
|
|
||||||
object-fit: contain;
|
|
||||||
object-position: center;
|
|
||||||
display: block;
|
|
||||||
margin: 0 auto;
|
|
||||||
}
|
}
|
||||||
.logo-info {
|
.logo-info {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
@@ -154,71 +128,10 @@
|
|||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
color: var(--color-accent, #4f8cff);
|
color: var(--color-accent, #4f8cff);
|
||||||
}
|
}
|
||||||
/* .logo-info p { font-size: 0.9rem; color: var(--color-text); margin-bottom: 1rem; } */
|
|
||||||
.logo-actions {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 0.5em;
|
|
||||||
flex-wrap: nowrap;
|
|
||||||
}
|
|
||||||
.format-row {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
gap: 1em;
|
|
||||||
margin-bottom: 0.5em;
|
|
||||||
}
|
|
||||||
.color-switcher-inline {
|
|
||||||
display: flex;
|
|
||||||
gap: 0.4em;
|
|
||||||
align-items: center;
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
.color-switcher {
|
|
||||||
display: flex;
|
|
||||||
gap: 0.4em;
|
|
||||||
margin: 0.5em 0 0.5em 0;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.color-circle {
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
border: 2px solid #eee;
|
|
||||||
box-shadow: 0 1px 2px rgba(0,0,0,0.08);
|
|
||||||
cursor: pointer;
|
|
||||||
display: inline-block;
|
|
||||||
transition: border 0.2s, box-shadow 0.2s;
|
|
||||||
}
|
|
||||||
.color-circle:hover {
|
|
||||||
border: 2px solid #888;
|
|
||||||
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
|
|
||||||
}
|
|
||||||
.no-results {
|
.no-results {
|
||||||
grid-column: 1 / -1;
|
grid-column: 1 / -1;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
color: #666;
|
color: #666;
|
||||||
}
|
}
|
||||||
|
|
||||||
.color-switcher {
|
|
||||||
display: flex;
|
|
||||||
gap: 0.4em;
|
|
||||||
margin: 0.5em 0 0.5em 0;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.color-circle {
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
border: 2px solid #eee;
|
|
||||||
box-shadow: 0 1px 2px rgba(0,0,0,0.08);
|
|
||||||
cursor: pointer;
|
|
||||||
display: inline-block;
|
|
||||||
transition: border 0.2s, box-shadow 0.2s;
|
|
||||||
}
|
|
||||||
.color-circle:hover {
|
|
||||||
border: 2px solid #888;
|
|
||||||
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -38,9 +38,13 @@
|
|||||||
on:keydown={(e) => (e.key === 'Enter' || e.key === ' ') && openPreview(logo)}
|
on:keydown={(e) => (e.key === 'Enter' || e.key === ' ') && openPreview(logo)}
|
||||||
style="cursor:pointer;"
|
style="cursor:pointer;"
|
||||||
>
|
>
|
||||||
>
|
{#if isSvgLogo(logo)}
|
||||||
{#if isSvgLogo(logo) && logo.colors}
|
<InlineSvg
|
||||||
<InlineSvg path={logo.path} color={logo._activeColor || logo.colors[0].value} colorConfig={logo.colorConfig} alt={logo.name} />
|
path={logo.path}
|
||||||
|
color={logo.colors ? (logo._activeColor || logo.colors[0].value) : undefined}
|
||||||
|
colorConfig={logo.colors ? logo.colorConfig : undefined}
|
||||||
|
alt={logo.name}
|
||||||
|
/>
|
||||||
{:else}
|
{:else}
|
||||||
<img src={logo.path} alt={logo.name} />
|
<img src={logo.path} alt={logo.name} />
|
||||||
{/if}
|
{/if}
|
||||||
@@ -97,83 +101,22 @@
|
|||||||
.logo-preview {
|
.logo-preview {
|
||||||
height: 100px;
|
height: 100px;
|
||||||
width: 80px;
|
width: 80px;
|
||||||
display: flex;
|
padding: 0;
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
background: var(--color-card);
|
|
||||||
color: var(--color-text);
|
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
overflow: hidden;
|
position: relative;
|
||||||
cursor: pointer;
|
|
||||||
transition: background 0.2s, color 0.2s;
|
|
||||||
}
|
|
||||||
.logo-preview img {
|
|
||||||
max-width: 80%;
|
|
||||||
max-height: 80%;
|
|
||||||
width: auto !important;
|
|
||||||
height: auto !important;
|
|
||||||
object-fit: contain;
|
|
||||||
object-position: center;
|
|
||||||
}
|
|
||||||
.color-switcher {
|
|
||||||
display: flex;
|
|
||||||
gap: 0.4em;
|
|
||||||
margin: 0.5em 0 0.5em 0;
|
|
||||||
align-items: center;
|
|
||||||
}
|
|
||||||
.color-circle {
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
border: 2px solid #eee;
|
|
||||||
box-shadow: 0 1px 2px rgba(0,0,0,0.08);
|
|
||||||
cursor: pointer;
|
|
||||||
display: inline-block;
|
|
||||||
transition: border 0.2s, box-shadow 0.2s;
|
|
||||||
}
|
|
||||||
.color-circle:hover {
|
|
||||||
border: 2px solid #888;
|
|
||||||
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
|
|
||||||
}
|
|
||||||
.logo-info {
|
|
||||||
background: var(--color-card);
|
|
||||||
color: var(--color-text);
|
|
||||||
padding: 0.5rem 1rem;
|
|
||||||
border-radius: 4px;
|
|
||||||
transition: background 0.2s, color 0.2s;
|
|
||||||
}
|
}
|
||||||
.logo-info h3 {
|
.logo-info h3 {
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
color: var(--color-accent, #4f8cff);
|
color: var(--color-accent, #4f8cff);
|
||||||
}
|
}
|
||||||
/* .logo-info p { font-size: 0.9rem; color: var(--color-text); margin-bottom: 1rem; } */
|
|
||||||
.logo-actions {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 0.5em;
|
|
||||||
}
|
|
||||||
.logo-list {
|
.logo-list {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
gap: 1rem;
|
gap: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.no-results {
|
.no-results {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 2rem;
|
padding: 2rem;
|
||||||
color: #666;
|
color: #666;
|
||||||
}
|
}
|
||||||
|
|
||||||
.format-row {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 1em;
|
|
||||||
}
|
|
||||||
/* .color-switcher-inline { display: flex; gap: 0.4em; align-items: center; margin-left: auto; } */
|
|
||||||
.color-switcher-under {
|
|
||||||
display: flex;
|
|
||||||
gap: 0.4em;
|
|
||||||
align-items: center;
|
|
||||||
margin: 0.5em 0 0 0;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -49,8 +49,13 @@
|
|||||||
on:keydown={(e) => (e.key === 'Enter' || e.key === ' ') && close()}
|
on:keydown={(e) => (e.key === 'Enter' || e.key === ' ') && close()}
|
||||||
style="cursor:pointer;"
|
style="cursor:pointer;"
|
||||||
>
|
>
|
||||||
{#if isSvgLogo(logo) && logo.colors}
|
{#if isSvgLogo(logo)}
|
||||||
<InlineSvg path={logo.path} color={logo._activeColor || logo.colors[0].value} colorConfig={logo.colorConfig} alt={logo.name} />
|
<InlineSvg
|
||||||
|
path={logo.path}
|
||||||
|
color={logo.colors ? (logo._activeColor || logo.colors[0].value) : undefined}
|
||||||
|
colorConfig={logo.colors ? logo.colorConfig : undefined}
|
||||||
|
alt={logo.name}
|
||||||
|
/>
|
||||||
{:else}
|
{:else}
|
||||||
<img src={logo.path} alt={logo.name} />
|
<img src={logo.path} alt={logo.name} />
|
||||||
{/if}
|
{/if}
|
||||||
@@ -156,33 +161,6 @@
|
|||||||
object-fit: contain;
|
object-fit: contain;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* .color-switcher { display: flex; gap: 0.4em; margin: 0.5em 0 0.5em 0; align-items: center; } */
|
|
||||||
|
|
||||||
.color-switcher-inline {
|
|
||||||
display: flex;
|
|
||||||
gap: 0.4em;
|
|
||||||
align-items: center;
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.color-circle {
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
border: 2px solid #eee;
|
|
||||||
box-shadow: 0 1px 2px rgba(0,0,0,0.08);
|
|
||||||
cursor: pointer;
|
|
||||||
display: inline-block;
|
|
||||||
transition: border 0.2s, box-shadow 0.2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.color-circle:hover {
|
|
||||||
border: 2px solid #888;
|
|
||||||
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
|
|
||||||
}
|
|
||||||
|
|
||||||
/* .format-row { display: flex; align-items: center; justify-content: space-between; gap: 1em; margin-bottom: 0.5em; } */
|
|
||||||
|
|
||||||
.logo-details {
|
.logo-details {
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
background-color: var(--color-card);
|
background-color: var(--color-card);
|
||||||
@@ -202,53 +180,4 @@
|
|||||||
gap: 0.5rem;
|
gap: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo-tag {
|
|
||||||
display: inline-block;
|
|
||||||
background: var(--color-accent, #4f8cff);
|
|
||||||
color: #fff;
|
|
||||||
border-radius: 12px;
|
|
||||||
padding: 0.2em 0.8em;
|
|
||||||
font-size: 0.85em;
|
|
||||||
font-weight: 500;
|
|
||||||
letter-spacing: 0.02em;
|
|
||||||
transition: background 0.2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* .color-switcher-under { display: flex; gap: 0.4em; align-items: center; margin: 0.5em 0 0 0; } */
|
|
||||||
|
|
||||||
.color-switcher-inline {
|
|
||||||
display: flex;
|
|
||||||
gap: 0.4em;
|
|
||||||
align-items: center;
|
|
||||||
margin-left: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.color-circle {
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
border-radius: 50%;
|
|
||||||
border: 2px solid #eee;
|
|
||||||
box-shadow: 0 1px 2px rgba(0,0,0,0.08);
|
|
||||||
cursor: pointer;
|
|
||||||
display: inline-block;
|
|
||||||
transition: border 0.2s, box-shadow 0.2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.color-circle:hover {
|
|
||||||
border: 2px solid #888;
|
|
||||||
box-shadow: 0 2px 8px rgba(0,0,0,0.12);
|
|
||||||
}
|
|
||||||
|
|
||||||
.format-value {
|
|
||||||
font-weight: 400;
|
|
||||||
margin-left: 0.3em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.color-switcher-preview {
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
gap: 0.4em;
|
|
||||||
align-items: center;
|
|
||||||
margin: 1em 0 0.5em 0;
|
|
||||||
}
|
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user