feat: Modernize the visual card editor. (#2586)
This commit is contained in:
Dermot Duffy
@@ -183,7 +183,7 @@ menu:
|
||||
enabled: true
|
||||
inert: false
|
||||
alignment: matching
|
||||
icon: iris
|
||||
icon: advanced-camera-card:iris
|
||||
live:
|
||||
priority: 50
|
||||
enabled: true
|
||||
|
||||
@@ -1,45 +1 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
fill="none"
|
||||
version="1.1"
|
||||
id="svg54"
|
||||
sodipodi:docname="frigate.svg"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs58" />
|
||||
<sodipodi:namedview
|
||||
id="namedview56"
|
||||
pagecolor="#da4040"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
showgrid="false"
|
||||
width="24px"
|
||||
inkscape:zoom="45.254834"
|
||||
inkscape:cx="-0.03314563"
|
||||
inkscape:cy="9.9768347"
|
||||
inkscape:window-width="3840"
|
||||
inkscape:window-height="1527"
|
||||
inkscape:window-x="1080"
|
||||
inkscape:window-y="227"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg54"
|
||||
showguides="true"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:deskcolor="#d1d1d1" />
|
||||
<path
|
||||
d="m 4.8759466,22.743573 c 0.0866,0.69274 0.811811,1.16359 0.37885,1.27183 -0.43297,0.10824 -2.32718,-3.43665 -2.7601492,-4.95202 -0.4329602,-1.51538 -0.6764993,-3.22017 -0.5682593,-4.19434 0.1082301,-0.97417 5.7097085,-2.48955 5.7097085,-2.89545 0,-0.4059 -1.81304,-0.0271 -1.89422,-0.35178 -0.0812,-0.32472 1.36925,-0.12989 1.75892,-0.64945 0.60885,-0.81181 1.3800713,-0.6765 1.8671505,-1.1094696 0.4870902,-0.4329599 1.0824089,-2.0836399 1.1906589,-2.7871996 0.108241,-0.70357 -1.0824084,-1.51538 -1.4071389,-2.05658 -0.3247195,-0.54121 0.7035702,-0.92005 3.1931099,-1.94834 2.48954,-1.02829 10.39114,-3.30134994 10.49938,-3.03074994 0.10824,0.27061 -2.59779,1.40713994 -4.492,2.11069994 -1.89422,0.70357 -4.97909,2.05658 -4.97909,2.43542 0,0.37885 0.16236,0.67651 0.0541,1.54244 -0.10824,0.86593 -0.12123,1.2702597 -0.32472,1.8400997 -0.1353,0.37884 -0.2706,1.27183 0,2.0836295 0.21648,0.64945 0.92005,1.13653 1.24477,1.24478 0.2706,0.018 1.01746,0.0433 1.8401,0 1.02829,-0.0541 2.48954,0.0541 2.48954,0.32472 0,0.2706 -2.21894,0.10824 -2.21894,0.48708 0,0.37885 2.27306,-0.0541 2.21894,0.32473 -0.0541,0.37884 -1.89422,0.21648 -2.86839,0.21648 -0.77933,0 -1.93031,-0.0361 -2.43542,-0.21648 l -0.10824,0.37884 c -0.18038,0 -0.55744,0.10824 -0.94711,0.10824 -0.48708,0 -0.51414,0.16236 -1.40713,0.16236 -0.892989,0 -0.622391,-0.0541 -1.4341894,-0.10824 -0.81181,-0.0541 -3.842561,2.27306 -4.383761,3.03075 -0.54121,0.75768 -0.21649,2.59778 -0.21649,3.43665 0,0.75379 -0.10824,2.43542 0,3.30135 z"
|
||||
fill="#000000"
|
||||
id="path330"
|
||||
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.1;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
|
||||
sodipodi:nodetypes="csccscccccsscscccccsscsccssccscc" />
|
||||
</svg>
|
||||
<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4.876 22.744c0.087 0.693 0.812 1.164 0.379 1.271-0.433 0.108-2.327-3.437-2.76-4.952-0.433-1.515-0.676-3.22-0.569-4.194 0.108-0.974 5.71-2.49 5.71-2.895 0-0.406-1.813-0.027-1.894-0.352-0.081-0.325 1.369-0.13 1.759-0.65 0.609-0.812 1.38-0.676 1.867-1.109 0.487-0.433 1.082-2.084 1.191-2.787 0.108-0.704-1.082-1.515-1.408-2.057-0.325-0.541 0.704-0.92 3.194-1.948 2.49-1.028 10.391-3.301 10.499-3.031 0.108 0.271-2.598 1.407-4.492 2.111-1.894 0.704-4.979 2.057-4.979 2.435 0 0.379 0.162 0.677 0.054 1.543-0.108 0.866-0.121 1.27-0.325 1.84-0.135 0.379-0.271 1.272 0 2.083 0.216 0.649 0.92 1.137 1.245 1.245 0.271 0.018 1.017 0.043 1.84 0 1.028-0.054 2.49 0.054 2.49 0.325 0 0.271-2.219 0.108-2.219 0.487 0 0.379 2.273-0.054 2.219 0.325-0.054 0.379-1.894 0.216-2.869 0.216-0.779 0-1.93-0.036-2.435-0.216l-0.108 0.378c-0.18 0-0.557 0.108-0.948 0.109-0.487 0-0.514 0.162-1.407 0.162-0.893 0-0.622-0.054-1.434-0.108-0.812-0.054-3.843 2.273-4.384 3.031-0.541 0.758-0.216 2.598-0.216 3.436 0 0.754-0.108 2.435 0 3.302z"/></svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 1.1 KiB |
@@ -1,49 +1 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
inkscape:version="1.4 (e7c3feb1, 2024-10-09)"
|
||||
sodipodi:docname="camera-iris-transparent.svg"
|
||||
id="svg4"
|
||||
version="1.1"
|
||||
viewBox="0 0 24 24"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs8" />
|
||||
<sodipodi:namedview
|
||||
id="namedview6"
|
||||
pagecolor="#b93e3e"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.60784314"
|
||||
inkscape:pagecheckerboard="false"
|
||||
inkscape:deskcolor="#d1d1d1"
|
||||
showgrid="false"
|
||||
inkscape:zoom="19.378578"
|
||||
inkscape:cx="12.100991"
|
||||
inkscape:cy="12.307405"
|
||||
inkscape:window-width="1440"
|
||||
inkscape:window-height="848"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="52"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg4" />
|
||||
<g
|
||||
id="g1119"
|
||||
style="fill-opacity:0.05;fill:#ffffff;stroke-width:1.0015748;stroke-dasharray:none">
|
||||
<circle
|
||||
style="display:none;opacity:0.5;fill:#000000;fill-opacity:1;stroke-width:1.00157;stroke-dasharray:none"
|
||||
id="path170"
|
||||
cx="12"
|
||||
cy="12"
|
||||
inkscape:label="Background"
|
||||
r="11.25" />
|
||||
<path
|
||||
d="M 13.730001,15 9.8300003,21.76 C 10.53,21.91 11.25,22 12,22 c 2.400001,0 4.6,-0.85 6.32,-2.25 L 14.660001,13.4 M 2.4600003,15 c 0.92,2.92 3.15,5.26 5.99,6.34 L 12.12,15 m -3.5799997,-3 -3.9,-6.7499996 c -1.64,1.749999 -2.64,4.1399993 -2.64,6.7499996 0,0.68 0.07,1.35 0.2,2 h 7.49 M 21.8,9.9999997 H 14.310001 L 14.600001,10.5 19.36,18.75 C 21,16.97 22,14.6 22,12 22,11.31 21.93,10.64 21.8,9.9999997 m -0.26,-1 C 20.62,6.0700005 18.39,3.7400002 15.550001,2.6600002 L 11.88,8.9999997 M 9.4000003,10.5 14.170001,2.2400002 c -0.7,-0.15 -1.420001,-0.24 -2.170001,-0.24 -2.3999997,0 -4.5999997,0.84 -6.3199997,2.2500003 l 3.66,6.3499995 z"
|
||||
id="path2"
|
||||
inkscape:label="Iris"
|
||||
style="fill-opacity:1;fill:#ffffff;opacity:1;stroke-width:1.0015748;stroke-dasharray:none" />
|
||||
</g>
|
||||
</svg>
|
||||
<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.73 15L9.83 21.76C10.53 21.91 11.25 22 12 22c2.4 0 4.6-0.85 6.32-2.25L14.66 13.4M2.46 15c0.92 2.92 3.15 5.26 5.99 6.34L12.12 15m-3.58-3l-3.9-6.75c-1.64 1.75-2.64 4.14-2.64 6.75 0 0.68 0.07 1.35 0.2 2h7.49M21.8 10H14.31L14.6 10.5 19.36 18.75C21 16.97 22 14.6 22 12 22 11.31 21.93 10.64 21.8 10m-0.26-1C20.62 6.07 18.39 3.74 15.55 2.66L11.88 9M9.4 10.5L14.17 2.24c-0.7-0.15-1.42-0.24-2.17-0.24-2.4 0-4.6 0.84-6.32 2.25l3.66 6.35z"/></svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 524 B |
@@ -1,259 +1 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
id="svg2"
|
||||
version="1.1"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
width="24"
|
||||
height="24"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="motioneye.svg"
|
||||
inkscape:export-filename="/home/ccrisan/projects/motioneye/static/img/motioneye-logo.png"
|
||||
inkscape:export-xdpi="960"
|
||||
inkscape:export-ydpi="960"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
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#"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"><metadata
|
||||
id="metadata8"><rdf:RDF><cc:Work
|
||||
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
|
||||
id="defs6"><linearGradient
|
||||
inkscape:collect="always"
|
||||
id="linearGradient2058"><stop
|
||||
style="stop-color:#ffffff;stop-opacity:1;"
|
||||
offset="0"
|
||||
id="stop2054" /><stop
|
||||
style="stop-color:#585858;stop-opacity:1"
|
||||
offset="1"
|
||||
id="stop2056" /></linearGradient><linearGradient
|
||||
inkscape:collect="always"
|
||||
id="linearGradient2005"><stop
|
||||
style="stop-color:#ffffff;stop-opacity:1;"
|
||||
offset="0"
|
||||
id="stop2001" /><stop
|
||||
style="stop-color:#808080;stop-opacity:1;"
|
||||
offset="1"
|
||||
id="stop2003" /></linearGradient><linearGradient
|
||||
inkscape:collect="always"
|
||||
id="linearGradient4205"><stop
|
||||
style="stop-color:#4aa3e0;stop-opacity:1"
|
||||
offset="0"
|
||||
id="stop4207" /><stop
|
||||
style="stop-color:#3096db;stop-opacity:1"
|
||||
offset="1"
|
||||
id="stop4209" /></linearGradient><linearGradient
|
||||
inkscape:collect="always"
|
||||
id="linearGradient4197"><stop
|
||||
style="stop-color:#ffffff;stop-opacity:1;"
|
||||
offset="0"
|
||||
id="stop4199" /><stop
|
||||
style="stop-color:#585858;stop-opacity:1"
|
||||
offset="1"
|
||||
id="stop4201" /></linearGradient><linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient4205"
|
||||
id="linearGradient4211"
|
||||
x1="26.602072"
|
||||
y1="43.034946"
|
||||
x2="26.602072"
|
||||
y2="29.466328"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
gradientTransform="matrix(0.96428571,0,0,0.96428571,0.91428571,0.91428571)" /><filter
|
||||
style="color-interpolation-filters:sRGB"
|
||||
inkscape:label="Drop Shadow"
|
||||
id="filter4285"><feFlood
|
||||
flood-opacity="0.588235"
|
||||
flood-color="rgb(0,0,0)"
|
||||
result="flood"
|
||||
id="feFlood4287" /><feComposite
|
||||
in="flood"
|
||||
in2="SourceGraphic"
|
||||
operator="in"
|
||||
result="composite1"
|
||||
id="feComposite4289" /><feGaussianBlur
|
||||
in="composite1"
|
||||
stdDeviation="0.6"
|
||||
result="blur"
|
||||
id="feGaussianBlur4291" /><feOffset
|
||||
dx="0"
|
||||
dy="-1"
|
||||
result="offset"
|
||||
id="feOffset4293" /><feComposite
|
||||
in="SourceGraphic"
|
||||
in2="offset"
|
||||
operator="over"
|
||||
result="composite2"
|
||||
id="feComposite4295" /></filter><linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient2005"
|
||||
id="linearGradient4309"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
x1="26.445793"
|
||||
y1="47.517574"
|
||||
x2="26.445793"
|
||||
y2="3.8183768" /><linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient4197"
|
||||
id="linearGradient4311"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
x1="26.445793"
|
||||
y1="47.517574"
|
||||
x2="26.445793"
|
||||
y2="3.8183768" /><linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient2058"
|
||||
id="linearGradient4313"
|
||||
gradientUnits="userSpaceOnUse"
|
||||
x1="26.445793"
|
||||
y1="47.517574"
|
||||
x2="26.445793"
|
||||
y2="3.8183768" /><filter
|
||||
style="color-interpolation-filters:sRGB"
|
||||
inkscape:label="Drop Shadow"
|
||||
id="filter4315"
|
||||
x="-0.03618178"
|
||||
y="-0.20783284"
|
||||
width="1.0723636"
|
||||
height="1.3304883"><feFlood
|
||||
flood-opacity="0.588235"
|
||||
flood-color="rgb(0,0,0)"
|
||||
result="flood"
|
||||
id="feFlood4317" /><feComposite
|
||||
in="flood"
|
||||
in2="SourceGraphic"
|
||||
operator="in"
|
||||
result="composite1"
|
||||
id="feComposite4319" /><feGaussianBlur
|
||||
in="composite1"
|
||||
stdDeviation="0.6"
|
||||
result="blur"
|
||||
id="feGaussianBlur4321" /><feOffset
|
||||
dx="0"
|
||||
dy="-1"
|
||||
result="offset"
|
||||
id="feOffset4323" /><feComposite
|
||||
in="SourceGraphic"
|
||||
in2="offset"
|
||||
operator="over"
|
||||
result="composite2"
|
||||
id="feComposite4325" /></filter><filter
|
||||
style="color-interpolation-filters:sRGB"
|
||||
inkscape:label="Drop Shadow"
|
||||
id="filter4327"
|
||||
x="-0.27857143"
|
||||
y="-0.4720238"
|
||||
width="1.5571429"
|
||||
height="1.7505952"><feFlood
|
||||
flood-opacity="0.588235"
|
||||
flood-color="rgb(0,0,0)"
|
||||
result="flood"
|
||||
id="feFlood4329" /><feComposite
|
||||
in="flood"
|
||||
in2="SourceGraphic"
|
||||
operator="in"
|
||||
result="composite1"
|
||||
id="feComposite4331" /><feGaussianBlur
|
||||
in="composite1"
|
||||
stdDeviation="0.6"
|
||||
result="blur"
|
||||
id="feGaussianBlur4333" /><feOffset
|
||||
dx="0"
|
||||
dy="-1"
|
||||
result="offset"
|
||||
id="feOffset4335" /><feComposite
|
||||
in="SourceGraphic"
|
||||
in2="offset"
|
||||
operator="over"
|
||||
result="composite2"
|
||||
id="feComposite4337" /></filter><filter
|
||||
style="color-interpolation-filters:sRGB"
|
||||
inkscape:label="Drop Shadow"
|
||||
id="filter4339"
|
||||
x="-0.0202507"
|
||||
y="-0.13980794"
|
||||
width="1.0405014"
|
||||
height="1.2082853"><feFlood
|
||||
flood-opacity="0.588235"
|
||||
flood-color="rgb(0,0,0)"
|
||||
result="flood"
|
||||
id="feFlood4341" /><feComposite
|
||||
in="flood"
|
||||
in2="SourceGraphic"
|
||||
operator="in"
|
||||
result="composite1"
|
||||
id="feComposite4343" /><feGaussianBlur
|
||||
in="composite1"
|
||||
stdDeviation="0.2"
|
||||
result="blur"
|
||||
id="feGaussianBlur4345" /><feOffset
|
||||
dx="0"
|
||||
dy="-0.5"
|
||||
result="offset"
|
||||
id="feOffset4347" /><feComposite
|
||||
in="SourceGraphic"
|
||||
in2="offset"
|
||||
operator="over"
|
||||
result="composite2"
|
||||
id="feComposite4349" /></filter></defs><sodipodi:namedview
|
||||
pagecolor="#ff0d0d"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="3840"
|
||||
inkscape:window-height="1527"
|
||||
id="namedview4"
|
||||
showgrid="false"
|
||||
inkscape:zoom="29.890116"
|
||||
inkscape:cx="19.973158"
|
||||
inkscape:cy="16.577386"
|
||||
inkscape:window-x="1080"
|
||||
inkscape:window-y="227"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="g10"
|
||||
showguides="true"
|
||||
inkscape:guide-bbox="true"
|
||||
inkscape:showpageshadow="true"
|
||||
inkscape:pagecheckerboard="false"
|
||||
inkscape:deskcolor="#d1d1d1" /><g
|
||||
id="g10"
|
||||
inkscape:groupmode="layer"
|
||||
inkscape:label="ink_ext_XXXXXX"
|
||||
transform="matrix(1.25,0,0,-1.25,0,64)"><g
|
||||
id="g4823"
|
||||
transform="matrix(1.0344694,0,0,1.0344694,-3.551886,-0.86695248)"><path
|
||||
id="path4244"
|
||||
d="M 8.9346154,40.515385 C 5.3647588,36.547307 3.2,31.357779 3.2,25.6 3.2,13.228821 13.228821,3.2 25.6,3.2 37.971179,3.2 48,13.228821 48,25.6 c 0,5.736682 -2.161128,10.952493 -5.707692,14.915385 -1.695935,-0.623286 -3.387833,-1.349065 -5.061539,-2.288462 3.2394,-0.937363 5.6,-3.937988 5.6,-7.457692 0,-4.260339 -3.469626,-7.753846 -7.753846,-7.753846 -3.633936,0 -6.690552,2.51055 -7.538461,5.869231 h -3.876924 c -0.840685,-3.360193 -3.903443,-5.869231 -7.538461,-5.869231 -4.284219,0 -7.7807693,3.493507 -7.7807693,7.753846 0,3.56112 2.4570323,6.5856 5.7615383,7.484616 -1.676267,0.912203 -3.404813,1.620556 -5.1692306,2.261538 z M 25.6,26.461538 c 0.532632,-1.981435 1.101793,-3.947553 3.446154,-5.16923 L 25.6,16.123077 22.153846,21.292308 c 2.053593,1.454966 3.000771,3.237758 3.446154,5.16923 z"
|
||||
style="fill:url(#linearGradient4309);fill-opacity:1;stroke:none;filter:url(#filter4327)"
|
||||
inkscape:connector-curvature="0"
|
||||
transform="matrix(0.38078533,0,0,0.38078533,2.9655495,31.335499)" /><path
|
||||
id="path4242"
|
||||
d="m 16.123077,33.353847 c -1.427443,0 -2.584616,-1.157173 -2.584616,-2.584616 0,-1.427444 1.157173,-2.584615 2.584616,-2.584615 1.427444,0 2.584615,1.157171 2.584615,2.584615 0,1.427443 -1.157171,2.584616 -2.584615,2.584616 z"
|
||||
style="fill:url(#linearGradient4311);fill-opacity:1;stroke:none;filter:url(#filter4327)"
|
||||
inkscape:connector-curvature="0"
|
||||
transform="matrix(0.38078533,0,0,0.38078533,2.9655495,31.335499)" /><path
|
||||
id="path4240"
|
||||
d="m 35.076923,33.353847 c -1.427443,0 -2.584615,-1.157173 -2.584615,-2.584616 0,-1.427444 1.157172,-2.584615 2.584615,-2.584615 1.427443,0 2.584616,1.157171 2.584616,2.584615 0,1.427443 -1.157173,2.584616 -2.584616,2.584616 z"
|
||||
style="fill:url(#linearGradient4313);fill-opacity:1;stroke:none;filter:url(#filter4327)"
|
||||
inkscape:connector-curvature="0"
|
||||
transform="matrix(0.38078533,0,0,0.38078533,2.9655495,31.335499)" /><path
|
||||
inkscape:connector-curvature="0"
|
||||
style="fill:#d9d9d9;fill-opacity:1;stroke:none;filter:url(#filter4339)"
|
||||
d="m 25.6,47.2 c -4.373944,0 -8.437159,-1.399808 -11.838461,-3.634616 3.677605,-0.394237 7.305921,-1.342945 11.423077,-3.375 4.166157,2.122533 8.434154,3.008875 12.279808,3.452886 C 34.057131,45.890032 29.986674,47.2 25.6,47.2 Z"
|
||||
id="path4248"
|
||||
transform="matrix(0.39488848,0,0,0.39488848,2.6045087,30.974457)" /><path
|
||||
inkscape:connector-curvature="0"
|
||||
style="fill:url(#linearGradient4211);fill-opacity:1;stroke:none;filter:url(#filter4315)"
|
||||
d="M 39.723077,42.552884 C 35.394064,42.5242 29.479588,40.397223 25.184616,38.432418 20.668821,40.064102 16.035448,42.649343 10.801923,42.526924 10.453022,42.51873 10.118061,42.50105 9.7634616,42.475 L 5.6615384,42.1375 9.5557693,40.839424 c 5.3417977,-1.74056 10.0398397,-2.851302 14.1749997,-10.025963 0.959101,0 2.845924,-4.15e-4 3.738462,-4.15e-4 4.11884,7.134039 9.059296,8.324614 14.149039,10.026378 L 45.460577,42.085577 41.4625,42.475 c -0.544847,0.05181 -1.120992,0.08198 -1.739423,0.07788 z"
|
||||
id="path4246"
|
||||
sodipodi:nodetypes="cccccccccccc"
|
||||
transform="matrix(0.39488848,0,0,0.39488848,2.6045087,30.974457)" /></g></g></svg>
|
||||
<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3.794 4.615C2.036 6.569 0.97 9.124 0.97 11.959 0.97 18.05 5.909 22.989 12 22.989 18.091 22.989 23.03 18.05 23.03 11.959c0-2.825-1.064-5.393-2.811-7.344-0.835 0.307-1.668 0.664-2.492 1.127 1.595 0.462 2.757 1.939 2.757 3.672 0 2.098-1.708 3.818-3.818 3.818-1.789 0-3.294-1.236-3.712-2.89h-1.908c-0.414 1.655-1.922 2.89-3.712 2.89-2.11 0-3.831-1.72-3.831-3.818 0-1.753 1.21-3.243 2.836-3.686-0.825-0.449-1.676-0.798-2.545-1.113zM12 11.535c0.262 0.976 0.543 1.944 1.697 2.545L12 16.625 10.303 14.08c1.011-0.716 1.478-1.594 1.697-2.545z M7.334 8.141c-0.703 0-1.273 0.57-1.273 1.273 0 0.703 0.57 1.273 1.273 1.272 0.703 0 1.273-0.57 1.272-1.272 0-0.703-0.57-1.273-1.272-1.273z M16.666 8.141c-0.703 0-1.273 0.57-1.272 1.273 0 0.703 0.57 1.273 1.272 1.272 0.703 0 1.273-0.57 1.273-1.272 0-0.703-0.57-1.273-1.273-1.273z M12 0.93c-2.233 0-4.308 0.715-6.045 1.855 1.878 0.201 3.731 0.686 5.833 1.724 2.127-1.084 4.307-1.536 6.27-1.763C16.318 1.598 14.24 0.93 12 0.93Z M19.212 3.302C17.001 3.317 13.981 4.403 11.788 5.406 9.482 4.573 7.116 3.253 4.444 3.316 4.266 3.32 4.095 3.329 3.913 3.342L1.819 3.515 3.807 4.177c2.728 0.889 5.127 1.456 7.239 5.12 0.49 0 1.453 0 1.908 0 2.103-3.643 4.626-4.251 7.225-5.12L22.141 3.541 20.1 3.342c-0.278-0.026-0.572-0.042-0.888-0.04z"/></svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 1.3 KiB |
@@ -1,53 +1 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
version="1.1"
|
||||
id="svg62"
|
||||
width="24"
|
||||
height="24"
|
||||
viewBox="0 0 24 24"
|
||||
sodipodi:docname="reolink.svg"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs66" />
|
||||
<sodipodi:namedview
|
||||
id="namedview64"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
showgrid="true"
|
||||
inkscape:zoom="36.417984"
|
||||
inkscape:cx="18.191562"
|
||||
inkscape:cy="8.6633022"
|
||||
inkscape:window-width="3840"
|
||||
inkscape:window-height="1527"
|
||||
inkscape:window-x="1080"
|
||||
inkscape:window-y="227"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="g68">
|
||||
<inkscape:grid
|
||||
type="xygrid"
|
||||
id="grid1175"
|
||||
dotted="false"
|
||||
snapvisiblegridlinesonly="true" />
|
||||
</sodipodi:namedview>
|
||||
<g
|
||||
inkscape:groupmode="layer"
|
||||
inkscape:label="Reolink Logo"
|
||||
id="g68">
|
||||
<path
|
||||
style="fill:#ffffff;stroke-width:0.0393282;fill-opacity:1"
|
||||
d="M 17.037254,23.964909 C 16.764634,23.917573 16.561708,23.83617 16.325735,23.67954 16.196719,23.593913 14.543544,21.952905 12.217956,19.602014 10.077426,17.438191 8.2198993,15.582673 8.0901166,15.478642 7.6038998,15.088895 7.0877741,14.869424 6.4986827,14.801908 6.3140805,14.780765 5.079061,14.763305 3.7541964,14.763126 l -2.408845,-4.78e-4 0.00713,-7.3937713 v -7.3935985 l 6.2040046,3.536e-5 c 3.9799342,1.969e-5 6.3590882,0.01465833 6.6366112,0.0408227 2.331195,0.21982024 4.364771,1.49885914 5.578726,3.50085534 0.686043,1.1313823 1.020901,2.2783695 1.067186,3.6554196 0.06335,1.8844953 -0.57426,3.6597378 -1.831469,5.0992438 -0.756457,0.866146 -1.861127,1.62991 -2.928729,2.024919 l -0.319718,0.118287 -1.951287,-1.979284 -1.951286,-1.979278 1.046741,-0.02346 c 0.575706,-0.01291 1.099833,-0.03689 1.164724,-0.0533 0.596068,-0.150649 0.949703,-0.313968 1.322206,-0.6106282 0.643573,-0.5125401 1.046169,-1.2439257 1.137985,-2.0673522 0.167852,-1.505317 -0.771478,-2.8704888 -2.263547,-3.2897068 L 13.950001,4.3234481 9.7981831,4.3106846 5.6392389,4.29801 v 3.0692702 3.0692648 l 1.4185165,7.9e-4 c 1.6275801,8.87e-4 1.7789152,0.01912 2.3105245,0.27984 0.3095679,0.15183 0.389559,0.219499 1.0817441,0.915083 3.027399,3.042274 12.19404,12.30837 12.204589,12.337002 0.0161,0.04373 -5.364393,0.03953 -5.617359,-0.0045 z"
|
||||
id="path1173"
|
||||
inkscape:label="R" />
|
||||
</g>
|
||||
</svg>
|
||||
<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.037 23.965C16.765 23.918 16.562 23.836 16.326 23.68 16.197 23.594 14.544 21.953 12.218 19.602 10.077 17.438 8.22 15.583 8.09 15.479 7.604 15.089 7.088 14.869 6.499 14.802 6.314 14.781 5.079 14.763 3.754 14.763l-2.409 0 0.007-7.394v-7.394l6.204 0c3.98 0 6.359 0.015 6.637 0.041 2.331 0.22 4.365 1.499 5.579 3.501 0.686 1.131 1.021 2.278 1.067 3.655 0.063 1.884-0.574 3.66-1.831 5.1-0.756 0.866-1.861 1.63-2.929 2.025l-0.32 0.118-1.951-1.979-1.951-1.98 1.046-0.023c0.576-0.013 1.1-0.037 1.165-0.053 0.596-0.151 0.95-0.314 1.322-0.611 0.644-0.513 1.046-1.244 1.138-2.067 0.168-1.505-0.771-2.87-2.263-3.29L13.95 4.323 9.798 4.311 5.639 4.298v3.069 3.07l1.419 0c1.628 0.001 1.779 0.019 2.31 0.28 0.31 0.152 0.39 0.219 1.082 0.915 3.027 3.042 12.194 12.308 12.205 12.337 0.016 0.044-5.364 0.04-5.618-0.004z"/></svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.7 KiB After Width: | Height: | Size: 898 B |
@@ -1,5 +1 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="256" height="256">
|
||||
<path d="M0 0 C26.14434533 -0.72288512 49.9600937 7.64611281 69.38671875 25.3125 C88.2717809 43.40139596 96.55079638 68.42490419 97.265625 94.09375 C96.94352486 121.47226222 86.49734687 145.15852541 67.640625 164.84375 C48.24601431 183.64464812 23.75721126 190.61232158 -2.734375 190.28125 C-7.436875 190.24 -12.139375 190.19875 -16.984375 190.15625 C-16.984375 172.33625 -16.984375 154.51625 -16.984375 136.15625 C-9.394375 135.82625 -1.804375 135.49625 6.015625 135.15625 C18.02265058 133.29309086 26.95933822 129.60855193 34.515625 119.78125 C41.36238612 109.58811688 43.30819935 98.25170438 41.58984375 86.16015625 C39.51844005 76.38770565 35.29278822 68.22349741 27.203125 62.15625 C16.80968654 55.65840316 4.80544663 54.2307569 -7.140625 56.84765625 C-18.33687784 60.60594899 -26.67094881 67.09315849 -32.26953125 77.55859375 C-35.05540172 83.55969825 -36.08102174 88.92660162 -36.30078125 95.55078125 C-36.33888916 96.63464111 -36.37699707 97.71850098 -36.41625977 98.83520508 C-36.45936279 100.1992749 -36.50246582 101.56334473 -36.546875 102.96875 C-36.69125 107.320625 -36.835625 111.6725 -36.984375 116.15625 C-54.804375 116.15625 -72.624375 116.15625 -90.984375 116.15625 C-91.5861874 83.05656809 -88.43663153 54.43892655 -64.984375 29.15625 C-47.57427445 11.32086455 -24.75288588 1.29596261 0 0 Z " fill="#48C8D3" transform="translate(155.984375,0.84375)"/>
|
||||
<path d="M0 0 C39.93 0 79.86 0 121 0 C121 39.93 121 79.86 121 121 C71 121 71 121 66 117 C63.85529247 113.85132353 63.7556918 111.25918777 63.77294922 107.49707031 C63.77310028 106.39623108 63.77325134 105.29539185 63.77340698 104.16119385 C63.78372955 102.97878113 63.79405212 101.79636841 63.8046875 100.578125 C63.8075174 99.36300232 63.81034729 98.14787964 63.81326294 96.89593506 C63.82446046 93.01385665 63.84956466 89.13200871 63.875 85.25 C63.88503034 82.61849291 63.89415609 79.98698221 63.90234375 77.35546875 C63.92439843 70.90356716 63.95787196 64.45180005 64 58 C63.04612648 58.00999275 63.04612648 58.00999275 62.07298279 58.02018738 C55.4379483 58.08669947 48.80300897 58.13186656 42.16772461 58.16479492 C39.6934016 58.1798556 37.21910518 58.20030825 34.74487305 58.22631836 C31.1827131 58.2628203 27.620907 58.27975404 24.05859375 58.29296875 C22.95728622 58.30845261 21.8559787 58.32393646 20.72129822 58.33988953 C14.69081959 58.34120274 10.28924103 57.9927906 5 55 C-8.49681274 40.79282869 0 18.01550479 0 0 Z " fill="#49C8D3" transform="translate(0,135)"/>
|
||||
</svg>
|
||||
<svg fill="#ffffff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><path d="M155.984 0.844C182.129 0.121 205.944 8.49 225.371 26.156 244.256 44.245 252.535 69.269 253.25 94.938 252.928 122.316 242.482 146.002 223.625 165.688 204.23 184.488 179.742 191.456 153.25 191.125 148.548 191.084 143.845 191.042 139 191 139 173.18 139 155.36 139 137 146.59 136.67 154.18 136.34 162 136 174.007 134.137 182.944 130.452 190.5 120.625 197.347 110.432 199.293 99.095 197.574 87.004 195.503 77.231 191.277 69.067 183.188 63 172.794 56.502 160.79 55.075 148.844 57.691 137.647 61.45 129.313 67.937 123.715 78.402 120.929 84.403 119.903 89.77 119.684 96.395 119.645 97.478 119.607 98.562 119.568 99.679 119.525 101.043 119.482 102.407 119.438 103.813 119.293 108.164 119.149 112.516 119 117 101.18 117 83.36 117 65 117 64.398 83.9 67.548 55.283 91 30 108.41 12.165 131.231 2.14 155.984 0.844Z M0 135C39.93 135 79.86 135 121 135 121 174.93 121 214.86 121 256 71 256 71 256 66 252 63.855 248.851 63.756 246.259 63.773 242.497 63.773 241.396 63.773 240.295 63.773 239.161 63.784 237.979 63.794 236.796 63.805 235.578 63.808 234.363 63.81 233.148 63.813 231.896 63.824 228.014 63.85 224.132 63.875 220.25 63.885 217.618 63.894 214.987 63.902 212.355 63.924 205.904 63.958 199.452 64 193 63.046 193.01 63.046 193.01 62.073 193.02 55.438 193.087 48.803 193.132 42.168 193.165 39.693 193.18 37.219 193.2 34.745 193.226 31.183 193.263 27.621 193.28 24.059 193.293 22.957 193.308 21.856 193.324 20.721 193.34 14.691 193.341 10.289 192.993 5 190-8.497 175.793 0 153.016 0 135Z"/></svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 2.5 KiB After Width: | Height: | Size: 1.5 KiB |
+4
-3
@@ -26,10 +26,11 @@
|
||||
--cover-heading-font-size-max: 48;
|
||||
}
|
||||
.svg-icon {
|
||||
background-color: rgb(255, 255, 255);
|
||||
border-radius: 4px;
|
||||
padding: 2px;
|
||||
vertical-align: middle;
|
||||
background: repeating-conic-gradient(#80808091 0% 25%, transparent 0% 50%) 50% /
|
||||
4px 4px;
|
||||
background: repeating-conic-gradient(#3a3a3a 0% 25%, #282828 0% 50%) 50% / 4px
|
||||
4px;
|
||||
}
|
||||
#__sidebar img {
|
||||
max-width: 48px;
|
||||
|
||||
+18
-11
@@ -1,14 +1,21 @@
|
||||
# Custom Icons
|
||||
|
||||
The [`menu`](../configuration/menu.md) and
|
||||
[`status_bar`](../configuration/status-bar.md) both support a small set of
|
||||
builtin custom items not found in the traditional [Material Design Icons
|
||||
(`mdi`)](https://pictogrammers.com/library/mdi/) set by setting the relevant `icon` paramter to the following values.
|
||||
The card registers an `advanced-camera-card` iconset with Home Assistant,
|
||||
providing a small set of builtin icons not found in the traditional [Material
|
||||
Design Icons (`mdi`)](https://pictogrammers.com/library/mdi/) set. Once the
|
||||
card resource is loaded, these icons work in _any_ Home Assistant icon field
|
||||
(inside or outside this card, e.g. an entity icon) and appear in the Home
|
||||
Assistant icon picker.
|
||||
|
||||
| Icon Name | Resulting Icon |
|
||||
| ----------- | --------------------------------------------------------------------------- |
|
||||
| `frigate` |  |
|
||||
| `iris` |  |
|
||||
| `motioneye` |  |
|
||||
| `reolink` |  |
|
||||
| `tplink` |  |
|
||||
| Icon Name | Resulting Icon |
|
||||
| -------------------------------- | --------------------------------------------------------------------------- |
|
||||
| `advanced-camera-card:frigate` |  |
|
||||
| `advanced-camera-card:iris` |  |
|
||||
| `advanced-camera-card:motioneye` |  |
|
||||
| `advanced-camera-card:reolink` |  |
|
||||
| `advanced-camera-card:tplink` |  |
|
||||
|
||||
?> For backwards compatibility, icon fields within this card (e.g.
|
||||
[`menu`](../configuration/menu.md) and
|
||||
[`status_bar`](../configuration/status-bar.md) items) also accept the bare
|
||||
legacy names (`frigate`, `iris`, `motioneye`, `reolink`, `tplink`).
|
||||
|
||||
Reference in New Issue
Block a user