ENH: Auxiliary GUI

Change-Id: Iaefd8bb6a2a560f4f2ec8235b21231763d8562fe
This commit is contained in:
liz.li 2022-08-24 20:14:23 +08:00 committed by Lane.Wei
parent 16bbcf6f97
commit 36ca76c2a4
5 changed files with 215 additions and 107 deletions

View file

@ -1,17 +1,13 @@
<svg width="300" height="300" xmlns="http://www.w3.org/2000/svg" fill="none">
<g>
<title>Layer 1</title>
<rect y="0.18359" width="300" height="300" rx="5" fill="#F8F8F8" id="svg_1"/>
<g id="svg_11">
<path id="svg_2" fill="#6B6B6B" d="m181.7133,206.00351l-71.15118,0c-0.89125,0 -1.48541,-0.594 -1.48541,-1.485l0,-99.3741c0,-5.79305 4.75329,-10.54637 10.54639,-10.54637l39.9576,0c0.8912,0 1.4854,0.59417 1.4854,1.48541c0,0.89125 -0.5942,1.48541 -1.4854,1.48541l-39.9576,0c-4.1591,0 -7.57557,3.41645 -7.57557,7.57555l0,97.8891l69.66577,0c4.1592,0 7.5756,-3.417 7.5756,-7.576l0,-77.0929c0,-0.8912 0.5942,-1.4854 1.4854,-1.4854c0.8913,0 1.4854,0.5942 1.4854,1.4854l0,77.0929c0,5.942 -4.7533,10.546 -10.5464,10.546z"/>
<path id="svg_3" fill="#6B6B6B" d="m167.4527,120.59131c-0.4456,0 -0.7427,-0.1485 -1.0397,-0.4456c-0.2971,-0.2971 -0.4457,-0.5941 -0.4457,-1.0398l0.2971,-23.618c0,-0.59417 0.2971,-1.18833 0.8913,-1.33687c0.5941,-0.29708 1.1883,-0.14854 1.6339,0.29708l23.4695,23.46949c0.4456,0.4456 0.5942,1.0398 0.2971,1.634c-0.2971,0.5941 -0.7427,0.8912 -1.3369,0.8912l-23.7666,0.1485c0.1486,0 0.1486,0 0,0zm1.7825,-21.53841l-0.1485,18.56761l18.5676,-0.1485l-18.4191,-18.41911z"/>
<path id="svg_4" fill="#919191" d="m193.2998,187.43441l-86.74805,0c-1.7825,0 -3.41645,-1.4855 -3.41645,-3.4165l0,-27.3315c0,-1.7825 1.48541,-3.4165 3.41645,-3.4165l86.89655,0c1.7825,0 3.4164,1.4854 3.4164,3.4165l0,27.4801c-0.1485,1.7824 -1.6339,3.2679 -3.5649,3.2679z"/>
<path id="svg_5" fill="white" d="m127.3483,162.48081l14.8541,0l0,3.2679l-5.6446,0l0,15.1512l-3.7135,0l0,-15.1512l-5.6445,0l0,-3.2679l0.1485,0z"/>
<path id="svg_6" fill="white" d="m160.0283,162.48081l-6.3873,8.9125l6.8329,9.5066l-4.6048,0l-4.4562,-6.5358l-4.4562,6.5358l-4.3077,0l6.8329,-9.358l-6.5358,-9.0611l4.4562,0l4.3077,6.0902l4.3077,-6.0902l4.0106,0z"/>
<path id="svg_7" fill="white" d="m160.7702,162.48081l14.8541,0l0,3.2679l-5.6446,0l0,15.1512l-3.7135,0l0,-15.1512l-5.6446,0l0,-3.2679l0.1486,0z"/>
<path id="svg_8" fill="#6B6B6B" d="m147.6978,118.36181l-23.7665,0c-0.8913,0 -1.4855,-0.5941 -1.4855,-1.4854c0,-0.8912 0.5942,-1.4854 1.4855,-1.4854l23.7665,0c0.8913,0 1.4854,0.5942 1.4854,1.4854c0,0.8913 -0.5941,1.4854 -1.4854,1.4854z"/>
<path id="svg_9" fill="#6B6B6B" d="m172.9498,139.15871l-49.0185,0c-0.8913,0 -1.4855,-0.5942 -1.4855,-1.4854c0,-0.8913 0.5942,-1.4854 1.4855,-1.4854l49.0185,0c0.8913,0 1.4854,0.5941 1.4854,1.4854c0,0.8912 -0.5941,1.4854 -1.4854,1.4854z"/>
</g>
</g>
</svg>
<svg width="168" height="168" viewBox="0 0 168 168" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="168" height="168" rx="5" fill="#F8F8F8"/>
<path d="M53 51.1367C53 49.4799 54.3431 48.1367 56 48.1367H85H99.0608L106.394 59.2363L117 66.3698V84.6028V118.069C117 119.726 115.657 121.069 114 121.069H56C54.3431 121.069 53 119.726 53 118.069V51.1367Z" fill="#4C7CDB"/>
<path d="M98.9473 48L107.813 57.0281L116.999 66.0522H98.9473V48Z" fill="#3264C7"/>
<path d="M81.1445 74.9102H85.0016V78.7672H81.1445V74.9102Z" fill="#4C7CDB"/>
<path d="M85.002 78.7695H88.859V82.6266H85.002V78.7695Z" fill="#4C7CDB"/>
<path d="M81.1445 82.625H85.0016V86.482H81.1445V82.625Z" fill="#4C7CDB"/>
<path d="M85.002 86.4805H88.859V90.3375H85.002V86.4805Z" fill="#4C7CDB"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M78.1074 96.4461C78.1074 96.0595 78.4208 95.7461 78.8074 95.7461H91.192C91.5786 95.7461 91.892 96.0595 91.892 96.4461V101.793C91.892 102.179 91.5786 102.493 91.192 102.493H78.8074C78.4208 102.493 78.1074 102.179 78.1074 101.793V96.4461ZM79.1074 96.7461V101.493H90.892V96.7461H79.1074Z" fill="#4C7CDB"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M67 73.5C67 72.6716 67.6716 72 68.5 72H84.5C85.3284 72 86 72.6716 86 73.5C86 74.3284 85.3284 75 84.5 75H68.5C67.6716 75 67 74.3284 67 73.5Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M67 87.5C67 86.6716 67.6716 86 68.5 86H100.5C101.328 86 102 86.6716 102 87.5C102 88.3284 101.328 89 100.5 89H68.5C67.6716 89 67 88.3284 67 87.5Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M67 103.5C67 102.672 67.6716 102 68.5 102H100.5C101.328 102 102 102.672 102 103.5C102 104.328 101.328 105 100.5 105H68.5C67.6716 105 67 104.328 67 103.5Z" fill="white"/>
</svg>

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Before After
Before After