test/MeterSphere
1
0
Fork 0
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git synced 2024-12-02 03:58:33 +08:00
Code Issues Actions 17 Packages Projects Releases Wiki Activity

feat(工作台): 工作台仪表盘静态页面&更新图标库

Browse Source
This commit is contained in:
xinxin.wu 2024-11-07 18:27:25 +08:00 committed by 刘瑞斌
parent 578f593d7c
commit 66eac32742
48 changed files with 2840 additions and 217 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/assets/icon-font/iconfont.css
View File

@ -1,7 +1,7 @@
@font-face {
font-family: iconfont; /* Project id 4625307 */
src: url('iconfont.woff2?t=1729481575027') format('woff2'), url('iconfont.woff?t=1729481575027') format('woff'),
url('iconfont.ttf?t=1729481575027') format('truetype'), url('iconfont.svg?t=1729481575027#iconfont') format('svg');
src: url('iconfont.woff2?t=1730973496042') format('woff2'), url('iconfont.woff?t=1730973496042') format('woff'),
url('iconfont.ttf?t=1730973496042') format('truetype'), url('iconfont.svg?t=1730973496042#iconfont') format('svg');
}
.iconfont {
font-size: 16px;
@ -10,6 +10,9 @@
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-icon_environment::before {
content: '\e6dc';
}
.icon-icon_task_center::before {
content: '\e6db';
}

2
frontend/src/assets/icon-font/iconfont.js
View File

File diff suppressed because one or more lines are too long

7
frontend/src/assets/icon-font/iconfont.json
View File

@ -5,6 +5,13 @@
"css_prefix_text": "icon-",
"description": "",
"glyphs": [
{
"icon_id": "42286038",
"name": "icon_environment",
"font_class": "icon_environment",
"unicode": "e6dc",
"unicode_decimal": 59100
},
{
"icon_id": "42206000",
"name": "icon_task_center",

2
frontend/src/assets/icon-font/iconfont.svg
View File

@ -14,6 +14,8 @@
/>
<missing-glyph />
<glyph glyph-name="icon_environment" unicode="&#59100;" d="M298.666667 384V597.333333H170.666667v-213.333333h128z m213.333333-213.333333a170.752 170.752 0 0 0-165.290667 128H128v-298.666667h768v298.666667h-218.709333A170.752 170.752 0 0 0 512 170.666667z m341.333333 597.333333H384v-384h42.666667v-42.666667a85.333333 85.333333 0 1 1 170.666666 0v42.666667h256V768z m-277.333333-85.333333a21.333333 21.333333 0 0 0 21.333333-21.333334v-128a21.333333 21.333333 0 0 0-17.493333-20.992L576 512h-42.666667a21.333333 21.333333 0 0 0-21.333333 21.333333v128a21.333333 21.333333 0 0 0 21.333333 21.333334h42.666667z m170.666667 0a21.333333 21.333333 0 0 0 21.333333-21.333334v-128a21.333333 21.333333 0 0 0-17.493333-20.992L746.666667 512h-42.666667a21.333333 21.333333 0 0 0-21.333333 21.333333v128a21.333333 21.333333 0 0 0 21.333333 21.333334h42.666667zM85.333333 661.333333a21.333333 21.333333 0 0 0 21.333334 21.333334H298.666667V832a21.333333 21.333333 0 0 0 21.333333 21.333333h597.333333a21.333333 21.333333 0 0 0 21.333334-21.333333V384h21.333333a21.333333 21.333333 0 0 0 21.333333-21.333333v-426.666667a21.333333 21.333333 0 0 0-21.333333-21.333333h-896a21.333333 21.333333 0 0 0-21.333333 21.333333v426.666667a21.333333 21.333333 0 0 0 21.333333 21.333333H85.333333V661.333333z" horiz-adv-x="1024" />
<glyph glyph-name="icon_task_center" unicode="&#59099;" d="M298.666667 768v-128a42.666667 42.666667 0 0 1 37.674666-42.368L341.333333 597.333333h341.333334a42.666667 42.666667 0 0 1 42.666666 42.666667V768h128a42.666667 42.666667 0 0 0 42.666667-42.666667v-768a42.666667 42.666667 0 0 0-42.666667-42.666666H170.666667a42.666667 42.666667 0 0 0-42.666667 42.666666V725.333333a42.666667 42.666667 0 0 0 42.666667 42.666667h128z m368.725333-280.021333a23.68 23.68 0 0 1-16.768-6.954667l-184.32-184.362667-83.84 83.797334a23.68 23.68 0 0 1-33.493333 0l-33.536-33.536a23.68 23.68 0 0 1 0-33.536l134.058666-134.058667 2.261334-2.005333a23.765333 23.765333 0 0 1 31.274666 2.005333l234.666667 234.666667a23.68 23.68 0 0 1 0 33.493333l-33.536 33.536a23.68 23.68 0 0 1-16.768 6.954667zM597.333333 810.666667a42.666667 42.666667 0 0 0 42.666667-42.666667v-42.666667a42.666667 42.666667 0 0 0-42.666667-42.666666h-170.666666a42.666667 42.666667 0 0 0-42.666667 42.666666V768a42.666667 42.666667 0 0 0 42.666667 42.666667h170.666666z" horiz-adv-x="1024" />
<glyph glyph-name="icon_file_ms" unicode="&#59098;" d="M648.533333 853.333333a42.666667 42.666667 0 0 0 33.322667-16l170.666667-213.333333 2.730666-3.925333 1.152-1.877334 1.664-3.242666 1.408-3.541334 0.981334-3.157333a41.258667 41.258667 0 0 0 1.109333-5.973333L861.866667 597.333333v-85.333333h42.666666a85.333333 85.333333 0 0 0 85.333334-85.333333v-298.666667a85.333333 85.333333 0 0 0-85.333334-85.333333h-42.666666v-85.333334a42.666667 42.666667 0 0 0-42.666667-42.666666h-597.333333a42.666667 42.666667 0 0 0-42.666667 42.666666v85.333334h-42.666667a85.333333 85.333333 0 0 0-85.333333 85.333333v298.666667a85.333333 85.333333 0 0 0 85.333333 85.333333h42.666667V810.666667a42.666667 42.666667 0 0 0 42.666667 42.666666h426.666666z m128-810.666666h-512v-42.666667h512v42.666667z m128 384h-768v-298.666667h768v298.666667z m-250.197333-38.570667c27.306667 0 48.128-5.077333 62.506667-15.232 14.336-10.154667 22.869333-26.325333 25.6-48.469333l-62.293334-3.669334c-1.664 9.642667-5.12 16.64-10.410666 20.992-5.333333 4.394667-12.629333 6.570667-21.973334 6.570667-7.68 0-13.44-1.621333-17.365333-4.864a14.933333 14.933333 0 0 1-5.802667-11.904c0-3.413333 1.578667-6.485333 4.778667-9.173333 3.114667-2.816 10.538667-5.461333 22.186667-7.893334 28.885333-6.229333 49.578667-12.501333 62.037333-18.901333 12.501333-6.357333 21.589333-14.250667 27.306667-23.68 5.674667-9.429333 8.533333-19.968 8.533333-31.658667 0-13.653333-3.84-26.325333-11.392-37.888a71.168 71.168 0 0 0-31.786667-26.325333c-13.653333-5.973333-30.762667-8.96-51.498666-8.96-36.352 0-61.525333 6.997333-75.52 20.992-13.994667 13.994667-21.930667 31.786667-23.765334 53.333333l62.848 3.968c1.365333-10.24 4.138667-18.005333 8.32-23.338666 6.784-8.661333 16.512-12.970667 29.141334-12.970667 9.429333 0 16.682667 2.218667 21.802666 6.613333a19.882667 19.882667 0 0 1 7.68 15.402667 19.626667 19.626667 0 0 1-7.296 14.890667c-4.864 4.352-16.170667 8.533333-33.834666 12.373333-29.013333 6.528-49.664 15.189333-61.994667 25.984a52.224 52.224 0 0 0-18.645333 41.258667c0 10.965333 3.157333 21.333333 9.514666 31.146666 6.4 9.770667 15.957333 17.450667 28.757334 23.04 12.8 5.546667 30.293333 8.362667 52.565333 8.362667z m-283.050667-3.626667l33.536-130.133333 33.408 130.133333h86.613334V170.666667h-53.973334v163.029333L429.056 170.666667H380.16l-41.685333 163.029333V170.666667H284.373333v213.76h86.912zM563.2 768h-298.666667v-256h512V554.666667h-170.666666a42.666667 42.666667 0 0 0-42.666667 42.666666V768z m85.333333-25.6V640h81.92L648.533333 742.4z" horiz-adv-x="1024" />

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 409 KiB

After

Width:  |  Height:  |  Size: 410 KiB

BIN
frontend/src/assets/icon-font/iconfont.ttf
View File

Binary file not shown.

BIN
frontend/src/assets/icon-font/iconfont.woff
View File

Binary file not shown.

BIN
frontend/src/assets/icon-font/iconfont.woff2
View File

Binary file not shown.

120
frontend/src/assets/svg/api-change-img.svg Normal file
View File

@ -0,0 +1,120 @@
<svg width="104" height="78" viewBox="0 0 104 78" fill="none" xmlns="http://www.w3.org/2000/svg">
<ellipse opacity="0.8" cx="74.4888" cy="27.8986" rx="27.5113" ry="27.8986" fill="#E9E8EC" fill-opacity="0.5"/>
<g filter="url(#filter0_d_4763_206335)">
<path d="M10.9629 6.08685C10.9629 4.96627 11.8697 4.05786 12.9884 4.05786H90.971C92.0897 4.05786 92.9965 4.96627 92.9965 6.08685V11.1593H10.9629V6.08685Z" fill="#E9E8EC"/>
<path d="M10.9629 11.1594H92.9965V56.8539C92.9965 57.9511 92.0897 58.8406 90.971 58.8406H12.9884C11.8697 58.8406 10.9629 57.9511 10.9629 56.8539V11.1594Z" fill="#FDF9FF"/>
<rect x="13.9639" y="14.2029" width="35.0144" height="41.5942" rx="1" fill="white"/>
<g opacity="0.4">
<path d="M35.6275 34.6122C35.6275 37.2142 33.5685 39.304 31.0525 39.304C28.5365 39.304 26.4775 37.2142 26.4775 34.6122C26.4775 32.0102 28.5365 29.9204 31.0525 29.9204C33.5685 29.9204 35.6275 32.0102 35.6275 34.6122Z" stroke="#F2FCF7"/>
<mask id="path-6-inside-1_4763_206335" fill="white">
<path d="M31.0525 29.4204C31.719 29.4204 32.3789 29.5547 32.9946 29.8156C33.6103 30.0765 34.1698 30.459 34.6411 30.9411C35.1123 31.4232 35.4861 31.9955 35.7412 32.6254C35.9962 33.2553 36.1275 33.9304 36.1275 34.6122L34.8596 34.6122C34.8596 34.1008 34.7611 33.5943 34.5698 33.1218C34.3785 32.6492 34.0981 32.2199 33.7445 31.8582C33.391 31.4965 32.9713 31.2097 32.5094 31.0139C32.0475 30.8182 31.5525 30.7175 31.0525 30.7175L31.0525 29.4204Z"/>
</mask>
<path d="M31.0525 29.4204C31.719 29.4204 32.3789 29.5547 32.9946 29.8156C33.6103 30.0765 34.1698 30.459 34.6411 30.9411C35.1123 31.4232 35.4861 31.9955 35.7412 32.6254C35.9962 33.2553 36.1275 33.9304 36.1275 34.6122L34.8596 34.6122C34.8596 34.1008 34.7611 33.5943 34.5698 33.1218C34.3785 32.6492 34.0981 32.2199 33.7445 31.8582C33.391 31.4965 32.9713 31.2097 32.5094 31.0139C32.0475 30.8182 31.5525 30.7175 31.0525 30.7175L31.0525 29.4204Z" stroke="#00C261" stroke-width="2" mask="url(#path-6-inside-1_4763_206335)"/>
<mask id="path-7-inside-2_4763_206335" fill="white">
<path d="M36.1169 34.9472C36.068 35.7217 35.8499 36.4752 35.4787 37.1521C35.1076 37.829 34.5928 38.4122 33.9722 38.8588C33.3517 39.3053 32.6412 39.6038 31.893 39.7324C31.1448 39.8609 30.3779 39.8162 29.6488 39.6015L29.9995 38.355C30.5464 38.5161 31.1217 38.5496 31.683 38.4532C32.2443 38.3568 32.7773 38.1328 33.2428 37.7979C33.7083 37.4629 34.0945 37.0254 34.3729 36.5176C34.6514 36.0097 34.815 35.4445 34.8517 34.8635L36.1169 34.9472Z"/>
</mask>
<path d="M36.1169 34.9472C36.068 35.7217 35.8499 36.4752 35.4787 37.1521C35.1076 37.829 34.5928 38.4122 33.9722 38.8588C33.3517 39.3053 32.6412 39.6038 31.893 39.7324C31.1448 39.8609 30.3779 39.8162 29.6488 39.6015L29.9995 38.355C30.5464 38.5161 31.1217 38.5496 31.683 38.4532C32.2443 38.3568 32.7773 38.1328 33.2428 37.7979C33.7083 37.4629 34.0945 37.0254 34.3729 36.5176C34.6514 36.0097 34.815 35.4445 34.8517 34.8635L36.1169 34.9472Z" stroke="#FFA200" stroke-width="2" mask="url(#path-7-inside-2_4763_206335)"/>
<mask id="path-8-inside-3_4763_206335" fill="white">
<path d="M29.2498 39.4654C28.6268 39.2233 28.0565 38.8579 27.5716 38.3903C27.0866 37.9226 26.6964 37.3618 26.4233 36.7399C26.1502 36.118 25.9994 35.4471 25.9798 34.7656C25.9601 34.0841 26.0718 33.4053 26.3085 32.768L27.4937 33.2287C27.3161 33.7068 27.2323 34.2161 27.2471 34.7273C27.2618 35.2385 27.3749 35.7418 27.5798 36.2083C27.7847 36.6749 28.0774 37.0956 28.4412 37.4464C28.805 37.7972 29.2328 38.0713 29.7001 38.253L29.2498 39.4654Z"/>
</mask>
<path d="M29.2498 39.4654C28.6268 39.2233 28.0565 38.8579 27.5716 38.3903C27.0866 37.9226 26.6964 37.3618 26.4233 36.7399C26.1502 36.118 25.9994 35.4471 25.9798 34.7656C25.9601 34.0841 26.0718 33.4053 26.3085 32.768L27.4937 33.2287C27.3161 33.7068 27.2323 34.2161 27.2471 34.7273C27.2618 35.2385 27.3749 35.7418 27.5798 36.2083C27.7847 36.6749 28.0774 37.0956 28.4412 37.4464C28.805 37.7972 29.2328 38.0713 29.7001 38.253L29.2498 39.4654Z" stroke="#3370FF" stroke-width="2" mask="url(#path-8-inside-3_4763_206335)"/>
</g>
<rect x="16.9653" y="17.2463" width="7.00287" height="3.04348" rx="1" fill="#E9E8EC"/>
<rect opacity="0.4" x="25.9688" y="17.2463" width="20.0082" height="3.04348" rx="1" fill="#E9E8EC"/>
<rect x="16.9653" y="23.3333" width="7.00287" height="3.04348" rx="1" fill="#E9E8EC"/>
<rect opacity="0.4" x="25.9688" y="23.3333" width="20.0082" height="3.04348" rx="1" fill="#E9E8EC"/>
<rect x="17.9653" y="48.6956" width="3.00123" height="5.07246" fill="#DDCAFA"/>
<rect x="23.9678" y="44.6377" width="3.00123" height="9.13043" fill="#DDCAFA"/>
<rect x="29.9702" y="46.6667" width="3.00123" height="7.10145" fill="#DDCAFA"/>
<rect x="35.9731" y="48.6956" width="3.00123" height="5.07246" fill="#DDCAFA"/>
<rect x="41.9756" y="48.6956" width="3.00123" height="5.07246" fill="#DDCAFA"/>
</g>
<g filter="url(#filter1_d_4763_206335)">
<rect x="2" y="15.635" width="23.479" height="24.0196" rx="1" fill="white"/>
<g clip-path="url(#clip0_4763_206335)">
<path d="M14.8548 20.9111C15.1628 20.9111 15.4126 21.1666 15.4126 21.4818V23.7644C15.4126 24.0795 15.1628 24.335 14.8548 24.335C14.5467 24.335 14.297 24.0795 14.297 23.7644V21.4818C14.297 21.1666 14.5467 20.9111 14.8548 20.9111ZM13.1934 26.7867C13.1089 26.3541 13.4816 25.9728 13.9044 26.0593L19.9467 27.2956C20.4746 27.4036 20.6113 28.1106 20.1634 28.416L18.9642 29.2338L20.2555 30.5553C20.4733 30.7782 20.49 31.1288 20.3057 31.3713L20.2555 31.4295L18.4428 33.2839C18.2068 33.5253 17.8242 33.5253 17.5883 33.2839L16.2965 31.9629L15.4971 33.1897C15.2121 33.6271 14.5695 33.5196 14.4198 33.0392L14.4019 32.9681L13.1934 26.7867ZM14.5557 27.4529L15.3007 31.2619L15.7001 30.6495C15.8975 30.3466 16.3017 30.2868 16.5739 30.5044L16.6301 30.5553L18.0155 31.9722L18.9732 30.9924L17.5883 29.5751C17.3366 29.3177 17.3586 28.9005 17.6206 28.6701L17.6804 28.6237L18.279 28.2151L14.5557 27.4529ZM18.3311 22.7962C18.5567 22.5654 18.9224 22.5654 19.148 22.7962C19.3736 23.0269 19.3736 23.4011 19.148 23.6318L17.5143 25.3032C17.2887 25.534 16.9229 25.534 16.6974 25.3032C16.4718 25.0725 16.4718 24.6983 16.6974 24.4675L18.3311 22.7962ZM11.6375 29.6439C11.8631 29.4131 12.2288 29.4131 12.4544 29.6439C12.68 29.8747 12.68 30.2488 12.4544 30.4796L10.8206 32.151C10.595 32.3818 10.2293 32.3818 10.0037 32.151C9.77815 31.9202 9.77815 31.5461 10.0037 31.3153L11.6375 29.6439ZM10.9502 27.1882C11.2582 27.1882 11.508 27.4437 11.508 27.7589C11.508 28.0741 11.2582 28.3295 10.9502 28.3295H8.71894C8.41087 28.3295 8.16113 28.0741 8.16113 27.7589C8.16113 27.4437 8.41087 27.1882 8.71894 27.1882H10.9502ZM10.0037 22.7962C10.2293 22.5654 10.595 22.5654 10.8206 22.7962L12.4544 24.4675C12.68 24.6983 12.68 25.0725 12.4544 25.3032C12.2288 25.534 11.8631 25.534 11.6375 25.3032L10.0037 23.6318C9.77815 23.4011 9.77815 23.0269 10.0037 22.7962Z" fill="#3370FF"/>
</g>
</g>
<g filter="url(#filter2_d_4763_206335)">
<rect x="53.8828" y="15.2173" width="46.1165" height="54.7826" rx="1" fill="white"/>
<path d="M82.5738 42.0978C82.5738 45.6089 79.7944 48.4358 76.3897 48.4358C72.985 48.4358 70.2056 45.6089 70.2056 42.0978C70.2056 38.5866 72.985 35.7598 76.3897 35.7598C79.7944 35.7598 82.5738 38.5866 82.5738 42.0978Z" stroke="#F2FCF7"/>
<mask id="path-22-inside-4_4763_206335" fill="white">
<path d="M76.3897 35.2598C77.2674 35.2598 78.1366 35.4366 78.9476 35.7803C79.7585 36.1239 80.4954 36.6276 81.116 37.2626C81.7367 37.8975 82.2291 38.6514 82.565 39.481C82.9009 40.3106 83.0738 41.1998 83.0738 42.0978L81.4039 42.0978C81.4039 41.4241 81.2742 40.7571 81.0222 40.1347C80.7702 39.5124 80.4009 38.9469 79.9353 38.4705C79.4697 37.9942 78.9169 37.6163 78.3085 37.3585C77.7002 37.1008 77.0481 36.9681 76.3897 36.9681L76.3897 35.2598Z"/>
</mask>
<path d="M76.3897 35.2598C77.2674 35.2598 78.1366 35.4366 78.9476 35.7803C79.7585 36.1239 80.4954 36.6276 81.116 37.2626C81.7367 37.8975 82.2291 38.6514 82.565 39.481C82.9009 40.3106 83.0738 41.1998 83.0738 42.0978L81.4039 42.0978C81.4039 41.4241 81.2742 40.7571 81.0222 40.1347C80.7702 39.5124 80.4009 38.9469 79.9353 38.4705C79.4697 37.9942 78.9169 37.6163 78.3085 37.3585C77.7002 37.1008 77.0481 36.9681 76.3897 36.9681L76.3897 35.2598Z" stroke="#00C261" stroke-width="2" mask="url(#path-22-inside-4_4763_206335)"/>
<mask id="path-23-inside-5_4763_206335" fill="white">
<path d="M83.0598 42.5389C82.9954 43.559 82.7082 44.5514 82.2193 45.443C81.7305 46.3345 81.0525 47.1026 80.2352 47.6908C79.4179 48.2789 78.4821 48.6721 77.4966 48.8413C76.5112 49.0106 75.5012 48.9517 74.5409 48.669L75.0028 47.0273C75.7231 47.2394 76.4808 47.2836 77.2201 47.1566C77.9593 47.0296 78.6613 46.7347 79.2745 46.2935C79.8876 45.8523 80.3962 45.2761 80.7629 44.6072C81.1296 43.9384 81.3451 43.194 81.3935 42.4287L83.0598 42.5389Z"/>
</mask>
<path d="M83.0598 42.5389C82.9954 43.559 82.7082 44.5514 82.2193 45.443C81.7305 46.3345 81.0525 47.1026 80.2352 47.6908C79.4179 48.2789 78.4821 48.6721 77.4966 48.8413C76.5112 49.0106 75.5012 48.9517 74.5409 48.669L75.0028 47.0273C75.7231 47.2394 76.4808 47.2836 77.2201 47.1566C77.9593 47.0296 78.6613 46.7347 79.2745 46.2935C79.8876 45.8523 80.3962 45.2761 80.7629 44.6072C81.1296 43.9384 81.3451 43.194 81.3935 42.4287L83.0598 42.5389Z" stroke="#FFA200" stroke-width="2" mask="url(#path-23-inside-5_4763_206335)"/>
<mask id="path-24-inside-6_4763_206335" fill="white">
<path d="M74.0153 48.4898C73.1948 48.1708 72.4437 47.6896 71.805 47.0737C71.1663 46.4578 70.6524 45.7192 70.2926 44.9001C69.9329 44.081 69.7344 43.1974 69.7085 42.2998C69.6826 41.4022 69.8297 40.5082 70.1415 39.6688L71.7024 40.2756C71.4685 40.9053 71.3582 41.576 71.3776 42.2493C71.3971 42.9227 71.546 43.5855 71.8158 44.2C72.0857 44.8145 72.4712 45.3685 72.9504 45.8306C73.4295 46.2926 73.993 46.6536 74.6085 46.8929L74.0153 48.4898Z"/>
</mask>
<path d="M74.0153 48.4898C73.1948 48.1708 72.4437 47.6896 71.805 47.0737C71.1663 46.4578 70.6524 45.7192 70.2926 44.9001C69.9329 44.081 69.7344 43.1974 69.7085 42.2998C69.6826 41.4022 69.8297 40.5082 70.1415 39.6688L71.7024 40.2756C71.4685 40.9053 71.3582 41.576 71.3776 42.2493C71.3971 42.9227 71.546 43.5855 71.8158 44.2C72.0857 44.8145 72.4712 45.3685 72.9504 45.8306C73.4295 46.2926 73.993 46.6536 74.6085 46.8929L74.0153 48.4898Z" stroke="#3370FF" stroke-width="2" mask="url(#path-24-inside-6_4763_206335)"/>
<rect x="57.835" y="19.2261" width="9.2233" height="4.00848" rx="1" fill="#E9E8EC"/>
<rect opacity="0.4" x="69.6943" y="19.2261" width="26.3523" height="4.00848" rx="1" fill="#E9E8EC"/>
<rect x="57.835" y="27.2424" width="9.2233" height="4.00848" rx="1" fill="#E9E8EC"/>
<rect opacity="0.4" x="69.6943" y="27.2424" width="26.3523" height="4.00848" rx="1" fill="#E9E8EC"/>
<rect x="59.1528" y="60.647" width="3.95284" height="6.68081" fill="#945DED"/>
<rect x="67.0591" y="55.302" width="3.95284" height="12.0255" fill="#945DED"/>
<rect x="74.9644" y="57.9746" width="3.95284" height="9.35313" fill="#945DED"/>
<rect x="82.8706" y="60.647" width="3.95284" height="6.68081" fill="#945DED"/>
<rect x="90.7764" y="60.647" width="3.95284" height="6.68081" fill="#945DED"/>
</g>
<g filter="url(#filter3_d_4763_206335)">
<ellipse cx="51.9794" cy="35.5072" rx="7.00287" ry="7.10145" fill="#FFA200"/>
</g>
<g clip-path="url(#clip1_4763_206335)">
<path d="M52.6028 32.5713L52.367 32.8104C52.3019 32.8764 52.3019 32.9835 52.367 33.0495L54.4571 35.1689L48.7595 35.169C48.6674 35.169 48.5928 35.2447 48.5928 35.3381V35.6763C48.5928 35.7697 48.6674 35.8454 48.7595 35.8454L54.4573 35.8452L52.367 37.9649C52.3069 38.0258 52.3023 38.1217 52.3531 38.1881L52.367 38.204L52.6028 38.4431C52.6629 38.5041 52.7575 38.5088 52.8229 38.4572L52.8386 38.4431L55.5991 35.6437C55.636 35.6064 55.652 35.5559 55.6471 35.5071C55.6519 35.4584 55.6359 35.408 55.5991 35.3706L52.8386 32.5713C52.7735 32.5052 52.6679 32.5052 52.6028 32.5713Z" fill="white"/>
</g>
<path d="M17.1182 7.60864C17.1182 8.43707 16.4466 9.10864 15.6182 9.10864C14.7897 9.10864 14.1182 8.43707 14.1182 7.60864C14.1182 6.78022 14.7897 6.10864 15.6182 6.10864C16.4466 6.10864 17.1182 6.78022 17.1182 7.60864Z" fill="#ED0303"/>
<path d="M23.1182 7.60864C23.1182 8.43707 22.4466 9.10864 21.6182 9.10864C20.7897 9.10864 20.1182 8.43707 20.1182 7.60864C20.1182 6.78022 20.7897 6.10864 21.6182 6.10864C22.4466 6.10864 23.1182 6.78022 23.1182 7.60864Z" fill="#FFA200"/>
<path d="M29.1182 7.60864C29.1182 8.43707 28.4466 9.10864 27.6182 9.10864C26.7897 9.10864 26.1182 8.43707 26.1182 7.60864C26.1182 6.78022 26.7897 6.10864 27.6182 6.10864C28.4466 6.10864 29.1182 6.78022 29.1182 7.60864Z" fill="#00C261"/>
<defs>
<filter id="filter0_d_4763_206335" x="6.96289" y="4.05786" width="90.0337" height="62.7827" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4763_206335"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4763_206335" result="shape"/>
</filter>
<filter id="filter1_d_4763_206335" x="0" y="14.635" width="31.479" height="32.0195" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="3"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.218229 0 0 0 0 0.144106 0 0 0 0 0.014989 0 0 0 0.06 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4763_206335"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4763_206335" result="shape"/>
</filter>
<filter id="filter2_d_4763_206335" x="49.8828" y="15.2173" width="54.1167" height="62.7827" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4763_206335"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4763_206335" result="shape"/>
</filter>
<filter id="filter3_d_4763_206335" x="42.9766" y="26.4058" width="22.0059" height="22.2029" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.638802 0 0 0 0 0.412778 0 0 0 0 0.019058 0 0 0 0.3 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4763_206335"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4763_206335" result="shape"/>
</filter>
<clipPath id="clip0_4763_206335">
<rect width="13.3873" height="13.6955" fill="white" transform="translate(7.60352 20.3406)"/>
</clipPath>
<clipPath id="clip1_4763_206335">
<rect width="8.00328" height="8.11594" fill="white" transform="translate(47.978 31.4492)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

152
frontend/src/assets/svg/api-count-img.svg Normal file
View File

@ -0,0 +1,152 @@
<svg width="104" height="74" viewBox="0 0 104 74" fill="none" xmlns="http://www.w3.org/2000/svg">
<ellipse opacity="0.8" cx="71.4284" cy="28.8235" rx="28.5714" ry="28.8235" fill="#E9E8EC" fill-opacity="0.5"/>
<ellipse opacity="0.4" cx="14.2857" cy="55.5883" rx="14.2857" ry="14.4118" fill="#E9E8EC" fill-opacity="0.5"/>
<g filter="url(#filter0_d_4722_205278)">
<path d="M13.2656 7.14697C13.2656 6.0424 14.1611 5.14697 15.2656 5.14697H84.735C85.8396 5.14697 86.735 6.0424 86.735 7.14697V52.4999H13.2656V7.14697Z" fill="#DFDEE4"/>
<path d="M13.2656 52.5H86.735V58.7353C86.735 59.8399 85.8396 60.7353 84.735 60.7353H15.2656C14.1611 60.7353 13.2656 59.8399 13.2656 58.7353V52.5Z" fill="#F2F2F4"/>
<ellipse cx="50.5106" cy="56.103" rx="1.53061" ry="1.54412" fill="#D4D3D7"/>
<rect x="16.3267" y="8.23511" width="67.3469" height="41.1765" rx="1" fill="white"/>
<rect x="16.3267" y="15.4409" width="67.3469" height="1.02941" rx="0.1" fill="#F4EFF7"/>
<ellipse cx="21.9388" cy="11.8381" rx="1.53061" ry="1.54412" fill="#ED0303"/>
<ellipse cx="28.0614" cy="11.8381" rx="1.53061" ry="1.54412" fill="#FFA200"/>
<ellipse cx="34.1839" cy="11.8381" rx="1.53061" ry="1.54412" fill="#00C261"/>
<rect x="18.3677" y="18.5293" width="15.3061" height="28.8235" rx="1" fill="#F5F8FF"/>
<ellipse cx="26.0208" cy="24.1911" rx="1.53061" ry="1.54412" fill="white"/>
<rect x="20.4087" y="27.7939" width="11.2245" height="1.02941" rx="0.514706" fill="white"/>
<rect x="20.4087" y="30.8823" width="11.2245" height="1.02941" rx="0.514706" fill="white"/>
<rect x="20.4087" y="33.9705" width="11.2245" height="1.02941" rx="0.514706" fill="white"/>
<rect x="20.4087" y="37.0586" width="11.2245" height="1.02941" rx="0.514706" fill="white"/>
<rect x="20.4087" y="40.147" width="5.10204" height="1.02941" rx="0.514706" fill="white"/>
<path d="M43.3781 22.6469C43.3781 24.6491 41.7704 26.2646 39.7965 26.2646C37.8225 26.2646 36.2148 24.6491 36.2148 22.6469C36.2148 20.6448 37.8225 19.0293 39.7965 19.0293C41.7704 19.0293 43.3781 20.6448 43.3781 22.6469Z" stroke="#F2FCF7"/>
<mask id="path-19-inside-1_4722_205278" fill="white">
<path d="M39.7965 18.5293C40.7224 18.5293 41.6209 18.8469 42.3443 19.43C43.0677 20.0131 43.5731 20.827 43.7775 21.7381C43.9818 22.6492 43.873 23.6034 43.469 24.4438C43.0649 25.2843 42.3895 25.9612 41.5538 26.3634L41.1147 25.435C41.7417 25.1332 42.2483 24.6255 42.5515 23.9949C42.8546 23.3644 42.9362 22.6487 42.7829 21.9652C42.6296 21.2817 42.2505 20.6711 41.7078 20.2337C41.1651 19.7963 40.4911 19.558 39.7965 19.558L39.7965 18.5293Z"/>
</mask>
<path d="M39.7965 18.5293C40.7224 18.5293 41.6209 18.8469 42.3443 19.43C43.0677 20.0131 43.5731 20.827 43.7775 21.7381C43.9818 22.6492 43.873 23.6034 43.469 24.4438C43.0649 25.2843 42.3895 25.9612 41.5538 26.3634L41.1147 25.435C41.7417 25.1332 42.2483 24.6255 42.5515 23.9949C42.8546 23.3644 42.9362 22.6487 42.7829 21.9652C42.6296 21.2817 42.2505 20.6711 41.7078 20.2337C41.1651 19.7963 40.4911 19.558 39.7965 19.558L39.7965 18.5293Z" stroke="#00C261" stroke-width="2" mask="url(#path-19-inside-1_4722_205278)"/>
<path d="M61.7453 22.6469C61.7453 24.6491 60.1376 26.2646 58.1637 26.2646C56.1897 26.2646 54.582 24.6491 54.582 22.6469C54.582 20.6448 56.1897 19.0293 58.1637 19.0293C60.1376 19.0293 61.7453 20.6448 61.7453 22.6469Z" stroke="#F2FCF7"/>
<mask id="path-21-inside-2_4722_205278" fill="white">
<path d="M58.1637 18.5293C58.8349 18.5293 59.4958 18.6963 60.0877 19.0155C60.6797 19.3347 61.1845 19.7963 61.5574 20.3593C61.9303 20.9223 62.1599 21.5695 62.2256 22.2433C62.2914 22.9172 62.1915 23.5971 61.9346 24.2227C61.6777 24.8483 61.2719 25.4003 60.753 25.8299C60.2342 26.2595 59.6183 26.5534 58.96 26.6855C58.3016 26.8176 57.6212 26.7839 56.9788 26.5873C56.3365 26.3907 55.7521 26.0374 55.2775 25.5586L55.9985 24.8312C56.3546 25.1904 56.793 25.4554 57.2748 25.6029C57.7567 25.7503 58.2672 25.7756 58.761 25.6765C59.2549 25.5774 59.7169 25.357 60.1061 25.0347C60.4954 24.7125 60.7998 24.2983 60.9925 23.829C61.1852 23.3597 61.2602 22.8497 61.2109 22.3442C61.1615 21.8386 60.9893 21.3532 60.7096 20.9308C60.4298 20.5084 60.0511 20.1622 59.6071 19.9227C59.163 19.6833 58.6672 19.558 58.1637 19.558L58.1637 18.5293Z"/>
</mask>
<path d="M58.1637 18.5293C58.8349 18.5293 59.4958 18.6963 60.0877 19.0155C60.6797 19.3347 61.1845 19.7963 61.5574 20.3593C61.9303 20.9223 62.1599 21.5695 62.2256 22.2433C62.2914 22.9172 62.1915 23.5971 61.9346 24.2227C61.6777 24.8483 61.2719 25.4003 60.753 25.8299C60.2342 26.2595 59.6183 26.5534 58.96 26.6855C58.3016 26.8176 57.6212 26.7839 56.9788 26.5873C56.3365 26.3907 55.7521 26.0374 55.2775 25.5586L55.9985 24.8312C56.3546 25.1904 56.793 25.4554 57.2748 25.6029C57.7567 25.7503 58.2672 25.7756 58.761 25.6765C59.2549 25.5774 59.7169 25.357 60.1061 25.0347C60.4954 24.7125 60.7998 24.2983 60.9925 23.829C61.1852 23.3597 61.2602 22.8497 61.2109 22.3442C61.1615 21.8386 60.9893 21.3532 60.7096 20.9308C60.4298 20.5084 60.0511 20.1622 59.6071 19.9227C59.163 19.6833 58.6672 19.558 58.1637 19.558L58.1637 18.5293Z" stroke="#00C261" stroke-width="2" mask="url(#path-21-inside-2_4722_205278)"/>
<path d="M80.113 22.6469C80.113 24.6491 78.5053 26.2646 76.5313 26.2646C74.5574 26.2646 72.9497 24.6491 72.9497 22.6469C72.9497 20.6448 74.5574 19.0293 76.5313 19.0293C78.5053 19.0293 80.113 20.6448 80.113 22.6469Z" stroke="#F2FCF7"/>
<mask id="path-23-inside-3_4722_205278" fill="white">
<path d="M78.9427 25.9692C78.2528 26.4788 77.4218 26.7569 76.5668 26.7644C75.7119 26.7719 74.8762 26.5084 74.1777 26.011C73.4792 25.5137 72.9531 24.8076 72.6737 23.9924C72.3944 23.1772 72.3758 22.2941 72.6207 21.4677L73.5977 21.7623C73.414 22.3822 73.4279 23.0447 73.6375 23.6562C73.847 24.2678 74.2417 24.7975 74.7657 25.1706C75.2897 25.5437 75.9166 25.7414 76.558 25.7358C77.1993 25.7302 77.8228 25.5215 78.3403 25.1392L78.9427 25.9692Z"/>
</mask>
<path d="M78.9427 25.9692C78.2528 26.4788 77.4218 26.7569 76.5668 26.7644C75.7119 26.7719 74.8762 26.5084 74.1777 26.011C73.4792 25.5137 72.9531 24.8076 72.6737 23.9924C72.3944 23.1772 72.3758 22.2941 72.6207 21.4677L73.5977 21.7623C73.414 22.3822 73.4279 23.0447 73.6375 23.6562C73.847 24.2678 74.2417 24.7975 74.7657 25.1706C75.2897 25.5437 75.9166 25.7414 76.558 25.7358C77.1993 25.7302 77.8228 25.5215 78.3403 25.1392L78.9427 25.9692Z" stroke="#00C261" stroke-width="2" mask="url(#path-23-inside-3_4722_205278)"/>
<rect x="36.7349" y="27.7939" width="1.02041" height="19.5588" rx="0.510204" fill="#F5F8FF"/>
<rect x="48.98" y="27.7939" width="1.02041" height="19.5588" rx="0.510204" fill="#F5F8FF"/>
<rect x="59.1841" y="27.7939" width="1.02041" height="19.5588" rx="0.510204" fill="#F5F8FF"/>
<rect x="69.3877" y="27.7939" width="1.02041" height="19.5588" rx="0.510204" fill="#F5F8FF"/>
<rect x="79.5918" y="27.7939" width="1.02041" height="19.5588" rx="0.510204" fill="#F5F8FF"/>
<path d="M48.1008 29.0947L36.7349 41.5013V47.3527H80.6124V28.8232L70.4083 33.9703L59.9642 34.2954L48.6826 28.9802C48.4845 28.8868 48.2487 28.9333 48.1008 29.0947Z" fill="url(#paint0_linear_4722_205278)"/>
<path d="M36.7349 42.2056L48.1072 29.1024C48.2512 28.9365 48.4866 28.884 48.6874 28.973L59.9642 33.9703H70.2883L80.6124 28.8232" stroke="#FFA200" stroke-width="0.5"/>
<g filter="url(#filter1_d_4722_205278)">
<rect x="2.04102" y="14.4116" width="23.4694" height="23.6765" rx="1" fill="white"/>
<g filter="url(#filter2_d_4722_205278)">
<ellipse cx="13.7756" cy="26.2499" rx="6.51927" ry="6.5768" fill="#945DED"/>
</g>
<g clip-path="url(#clip0_4722_205278)">
<path d="M10.8418 23.0273C10.8418 22.8457 10.9877 22.6985 11.1678 22.6985H17.0351C17.2151 22.6985 17.3611 22.8457 17.3611 23.0273V23.685H10.8418V23.0273Z" fill="white"/>
<path d="M10.8418 24.3427H17.3611V27.058C17.0511 26.7997 16.6536 26.6446 16.2202 26.6446C15.2301 26.6446 14.4274 27.4543 14.4274 28.4532C14.4274 28.6242 14.4509 28.7896 14.4949 28.9464H11.1678C10.9877 28.9464 10.8418 28.7992 10.8418 28.6176V24.3427Z" fill="white"/>
<path d="M16.2204 29.7684C16.9405 29.7684 17.5242 29.1795 17.5242 28.4531C17.5242 27.7266 16.9405 27.1377 16.2204 27.1377C15.5003 27.1377 14.9165 27.7266 14.9165 28.4531C14.9165 29.1795 15.5003 29.7684 16.2204 29.7684ZM16.2555 27.6711L16.3731 27.6857C16.4056 27.6897 16.4287 27.7196 16.4247 27.7523L16.2514 29.1766C16.2474 29.2093 16.2178 29.2327 16.1853 29.2286L16.0677 29.214C16.0352 29.21 16.0121 29.1802 16.0161 29.1474L16.1894 27.7232C16.1934 27.6904 16.223 27.6671 16.2555 27.6711ZM15.6075 28.4537L15.7758 28.6962C15.7946 28.7233 15.7881 28.7605 15.7613 28.7795L15.6642 28.8481C15.6374 28.867 15.6004 28.8604 15.5817 28.8334L15.3437 28.4906C15.3317 28.4732 15.33 28.4517 15.3375 28.4335C15.3391 28.4261 15.3422 28.419 15.3467 28.4125L15.5846 28.0697C15.6034 28.0426 15.6404 28.0361 15.6672 28.055L15.7643 28.1236C15.7911 28.1425 15.7976 28.1798 15.7788 28.2069L15.6075 28.4537ZM16.6649 28.2099C16.6461 28.1828 16.6526 28.1456 16.6794 28.1266L16.7765 28.058C16.8033 28.0391 16.8403 28.0457 16.8591 28.0727L17.097 28.4156C17.1091 28.4329 17.1107 28.4544 17.1033 28.4727C17.1016 28.48 17.0986 28.4871 17.094 28.4936L16.8561 28.8364C16.8373 28.8635 16.8003 28.87 16.7735 28.8511L16.6764 28.7825C16.6496 28.7636 16.6431 28.7263 16.6619 28.6992L16.8332 28.4524L16.6649 28.2099Z" fill="white"/>
<path d="M12.8904 26.0092L13.1026 25.4061H13.1072L13.3126 26.0092H12.8904ZM12.9247 25.001L12.3086 26.6445H12.6691L12.7969 26.2785H13.4061L13.5293 26.6445H13.9013L13.292 25.001H12.9247Z" fill="#945DED"/>
<path d="M14.4 25.7744V25.2818H14.6783C14.7194 25.2818 14.759 25.2849 14.797 25.291C14.835 25.2972 14.8685 25.3094 14.8974 25.3278C14.9263 25.3447 14.9491 25.3693 14.9658 25.4015C14.9841 25.4337 14.9932 25.4759 14.9932 25.5281C14.9932 25.5803 14.9841 25.6225 14.9658 25.6547C14.9491 25.6869 14.9263 25.7123 14.8974 25.7307C14.8685 25.7476 14.835 25.7591 14.797 25.7652C14.759 25.7713 14.7194 25.7744 14.6783 25.7744H14.4ZM14.0417 25.001V26.6445H14.4V26.0552H14.7765C14.8784 26.0552 14.9651 26.0407 15.0366 26.0115C15.1081 25.9808 15.1659 25.9409 15.21 25.8918C15.2556 25.8427 15.2883 25.7867 15.3081 25.7238C15.3294 25.6593 15.3401 25.5941 15.3401 25.5281C15.3401 25.4606 15.3294 25.3954 15.3081 25.3324C15.2883 25.2695 15.2556 25.2135 15.21 25.1644C15.1659 25.1153 15.1081 25.0762 15.0366 25.047C14.9651 25.0163 14.8784 25.001 14.7765 25.001H14.0417Z" fill="#945DED"/>
<path d="M15.5636 25.001V26.6445H15.9219V25.001H15.5636Z" fill="#945DED"/>
</g>
</g>
<g filter="url(#filter3_d_4722_205278)">
<g opacity="0.1" filter="url(#filter4_d_4722_205278)">
<rect x="46.311" y="38.0881" width="51.6483" height="28.8235" rx="2" fill="url(#paint1_linear_4722_205278)"/>
<rect x="46.461" y="38.2381" width="51.3484" height="28.5235" rx="1.85" stroke="white" stroke-width="0.3"/>
</g>
<g filter="url(#filter5_d_4722_205278)">
<rect x="46.311" y="38.0881" width="50.5494" height="27.7149" rx="2" fill="#FAFCFF"/>
<rect x="46.461" y="38.2381" width="50.2495" height="27.4149" rx="1.85" stroke="url(#paint2_linear_4722_205278)" stroke-width="0.3"/>
</g>
<rect opacity="0.5" x="48.5088" y="56.9343" width="46.1538" height="1.1086" rx="0.554299" fill="#F2F2F2"/>
<rect opacity="0.5" x="48.5088" y="50.283" width="46.1538" height="1.1086" rx="0.554299" fill="#F2F2F2"/>
<rect opacity="0.5" x="48.5088" y="42.5225" width="46.1538" height="1.1086" rx="0.554299" fill="#F2F2F2"/>
<path d="M54.2568 59.1282C54.2568 58.5759 54.7046 58.1282 55.2568 58.1282H57.2298C57.7821 58.1282 58.2298 58.5759 58.2298 59.1282V61.1342H54.2568V59.1282Z" fill="#3370FF"/>
<path d="M62.2026 54.1182C62.2026 53.5659 62.6504 53.1182 63.2026 53.1182H65.1756C65.7279 53.1182 66.1756 53.5659 66.1756 54.1182V61.1342H62.2026V54.1182Z" fill="#3370FF"/>
<path d="M70.1484 49.1079C70.1484 48.5556 70.5962 48.1079 71.1484 48.1079H73.1214C73.6737 48.1079 74.1214 48.5556 74.1214 49.1079V61.1339H70.1484V49.1079Z" fill="#3370FF"/>
<path d="M78.0947 45.1001C78.0947 44.5478 78.5424 44.1001 79.0947 44.1001H81.0677C81.62 44.1001 82.0677 44.5478 82.0677 45.1001V61.1341H78.0947V45.1001Z" fill="#3370FF"/>
<path d="M86.0405 41.092C86.0405 40.5398 86.4882 40.092 87.0405 40.092H89.0135C89.5658 40.092 90.0135 40.5398 90.0135 41.092V61.1341H86.0405V41.092Z" fill="#3370FF"/>
</g>
</g>
<defs>
<filter id="filter0_d_4722_205278" x="0.0410156" y="3.14697" width="103.918" height="69.7646" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.13092 0 0 0 0 0 0 0 0 0 0.342773 0 0 0 0.11 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_205278"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_205278" result="shape"/>
</filter>
<filter id="filter1_d_4722_205278" x="0.0410156" y="13.4116" width="31.4692" height="31.6765" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="3"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.218229 0 0 0 0 0.144106 0 0 0 0 0.014989 0 0 0 0.06 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_205278"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_205278" result="shape"/>
</filter>
<filter id="filter2_d_4722_205278" x="5.25635" y="17.6731" width="21.0386" height="21.1536" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.138925 0 0 0 0 0.000902143 0 0 0 0 0.362272 0 0 0 0.18 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_205278"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_205278" result="shape"/>
</filter>
<filter id="filter3_d_4722_205278" x="44.311" y="37.0881" width="59.6484" height="36.8235" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="3"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.218229 0 0 0 0 0.144106 0 0 0 0 0.014989 0 0 0 0.06 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_205278"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_205278" result="shape"/>
</filter>
<filter id="filter4_d_4722_205278" x="46.311" y="38.0881" width="53.6484" height="30.8235" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.292035 0 0 0 0 0.00276408 0 0 0 0 0.735173 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_205278"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_205278" result="shape"/>
</filter>
<filter id="filter5_d_4722_205278" x="45.311" y="37.0881" width="52.5493" height="29.7148" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.611765 0 0 0 0 0.407843 0 0 0 0 0.933333 0 0 0 0.02 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_205278"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_205278" result="shape"/>
</filter>
<linearGradient id="paint0_linear_4722_205278" x1="59.694" y1="18.5291" x2="59.6956" y2="51.985" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFA200" stop-opacity="0.71"/>
<stop offset="1" stop-color="white" stop-opacity="0.05"/>
</linearGradient>
<linearGradient id="paint1_linear_4722_205278" x1="46.8605" y1="66.3574" x2="98.0756" y2="46.7055" gradientUnits="userSpaceOnUse">
<stop stop-color="#EAF0FD"/>
<stop offset="1" stop-color="#DAE2F7"/>
</linearGradient>
<linearGradient id="paint2_linear_4722_205278" x1="45.7616" y1="40.3053" x2="96.9998" y2="62.1505" gradientUnits="userSpaceOnUse">
<stop stop-color="#FEFCFF"/>
<stop offset="1" stop-color="white"/>
</linearGradient>
<clipPath id="clip0_4722_205278">
<rect width="7.82313" height="7.89216" fill="white" transform="translate(10.1899 22.0408)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

91
frontend/src/assets/svg/api-use-case-img.svg Normal file
View File

@ -0,0 +1,91 @@
<svg width="102" height="72" viewBox="0 0 102 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<ellipse opacity="0.8" cx="71.9392" cy="28.3088" rx="28.0612" ry="28.3088" fill="#E9E8EC" fill-opacity="0.5"/>
<ellipse opacity="0.8" cx="13.2653" cy="56.6177" rx="13.2653" ry="13.3824" fill="#E9E8EC" fill-opacity="0.5"/>
<g filter="url(#filter0_d_4758_205635)">
<path d="M6.12207 9.20605C6.12207 8.10149 7.04706 7.20605 8.18808 7.20605H87.7295C88.8705 7.20605 89.7955 8.10149 89.7955 9.20605V14.2061H6.12207V9.20605Z" fill="#E9E8EC"/>
<path d="M6.12207 14.2061H89.7955V60.2061C89.7955 61.3106 88.8705 62.2061 87.7295 62.2061H8.18808C7.04705 62.2061 6.12207 61.3106 6.12207 60.2061V14.2061Z" fill="#FDF9FF"/>
<path d="M14.2871 10.7646C14.2871 11.5931 13.6155 12.2646 12.7871 12.2646C11.9587 12.2646 11.2871 11.5931 11.2871 10.7646C11.2871 9.93622 11.9587 9.26465 12.7871 9.26465C13.6155 9.26465 14.2871 9.93622 14.2871 10.7646Z" fill="#ED0303"/>
<path d="M20.2871 10.7646C20.2871 11.5931 19.6155 12.2646 18.7871 12.2646C17.9587 12.2646 17.2871 11.5931 17.2871 10.7646C17.2871 9.93622 17.9587 9.26465 18.7871 9.26465C19.6155 9.26465 20.2871 9.93622 20.2871 10.7646Z" fill="#FFA200"/>
<path d="M26.2871 10.7646C26.2871 11.5931 25.6155 12.2646 24.7871 12.2646C23.9587 12.2646 23.2871 11.5931 23.2871 10.7646C23.2871 9.93622 23.9587 9.26465 24.7871 9.26465C25.6155 9.26465 26.2871 9.93622 26.2871 10.7646Z" fill="#00C261"/>
<rect x="10.2041" y="35" width="1.02041" height="24.7059" rx="0.510204" fill="#F4EFF7"/>
<rect x="22.4492" y="35" width="1.02041" height="24.7059" rx="0.510204" fill="#F4EFF7"/>
<rect x="32.6533" y="35" width="1.02041" height="24.7059" rx="0.510204" fill="#F4EFF7"/>
<rect x="42.8574" y="35" width="1.02041" height="24.7059" rx="0.510204" fill="#F4EFF7"/>
<rect x="53.0615" y="35" width="1.02041" height="24.7059" rx="0.510204" fill="#F4EFF7"/>
<path d="M21.8187 40.7017L10.2041 53.7048V59.7062H54.0816V40.7017L43.7575 50.704L33.4334 53.7048L21.8187 40.7017Z" fill="url(#paint0_linear_4758_205635)"/>
<path d="M10.2041 54.0048L21.8187 40.7017L33.4334 54.0048L43.7575 50.9349L54.0817 40.7017" stroke="#945DED" stroke-width="0.5"/>
<path d="M68.8879 39.1176C68.8879 41.1198 67.2802 42.7353 65.3062 42.7353C63.3323 42.7353 61.7246 41.1198 61.7246 39.1176C61.7246 37.1155 63.3323 35.5 65.3062 35.5C67.2802 35.5 68.8879 37.1155 68.8879 39.1176Z" stroke="#F4EFF7"/>
<mask id="path-16-inside-1_4758_205635" fill="white">
<path d="M69.3879 39.1176C69.3879 39.932 69.1485 40.7281 68.7 41.4053C68.2515 42.0824 67.614 42.6102 66.8682 42.9219C66.1224 43.2335 65.3017 43.3151 64.51 43.1562C63.7182 42.9973 62.9909 42.6051 62.4201 42.0293C61.8493 41.4534 61.4605 40.7197 61.303 39.921C61.1455 39.1222 61.2264 38.2943 61.5353 37.5419C61.8442 36.7895 62.3674 36.1464 63.0386 35.6939C63.7098 35.2415 64.499 35 65.3062 35L65.3062 36.0287C64.7006 36.0287 64.1087 36.2099 63.6051 36.5493C63.1016 36.8887 62.7091 37.3711 62.4774 37.9356C62.2456 38.5 62.185 39.1211 62.3031 39.7203C62.4213 40.3195 62.7129 40.8699 63.1411 41.3019C63.5693 41.7339 64.1149 42.0281 64.7089 42.1472C65.3028 42.2664 65.9185 42.2053 66.478 41.9715C67.0375 41.7377 67.5157 41.3418 67.8521 40.8338C68.1886 40.3258 68.3682 39.7286 68.3682 39.1176H69.3879Z"/>
</mask>
<path d="M69.3879 39.1176C69.3879 39.932 69.1485 40.7281 68.7 41.4053C68.2515 42.0824 67.614 42.6102 66.8682 42.9219C66.1224 43.2335 65.3017 43.3151 64.51 43.1562C63.7182 42.9973 62.9909 42.6051 62.4201 42.0293C61.8493 41.4534 61.4605 40.7197 61.303 39.921C61.1455 39.1222 61.2264 38.2943 61.5353 37.5419C61.8442 36.7895 62.3674 36.1464 63.0386 35.6939C63.7098 35.2415 64.499 35 65.3062 35L65.3062 36.0287C64.7006 36.0287 64.1087 36.2099 63.6051 36.5493C63.1016 36.8887 62.7091 37.3711 62.4774 37.9356C62.2456 38.5 62.185 39.1211 62.3031 39.7203C62.4213 40.3195 62.7129 40.8699 63.1411 41.3019C63.5693 41.7339 64.1149 42.0281 64.7089 42.1472C65.3028 42.2664 65.9185 42.2053 66.478 41.9715C67.0375 41.7377 67.5157 41.3418 67.8521 40.8338C68.1886 40.3258 68.3682 39.7286 68.3682 39.1176H69.3879Z" stroke="#FFCA59" stroke-width="2" mask="url(#path-16-inside-1_4758_205635)"/>
<path d="M83.173 39.1176C83.173 41.1198 81.5653 42.7353 79.5914 42.7353C77.6174 42.7353 76.0098 41.1198 76.0098 39.1176C76.0098 37.1155 77.6174 35.5 79.5914 35.5C81.5653 35.5 83.173 37.1155 83.173 39.1176Z" stroke="#F4EFF7"/>
<mask id="path-18-inside-2_4758_205635" fill="white">
<path d="M79.5914 35C80.2626 35 80.9235 35.167 81.5155 35.4862C82.1074 35.8054 82.6122 36.267 82.9852 36.83C83.3581 37.393 83.5876 38.0402 83.6534 38.714C83.7192 39.3879 83.6192 40.0678 83.3623 40.6934C83.1055 41.319 82.6996 41.8711 82.1808 42.3006C81.6619 42.7302 81.046 43.0241 80.3877 43.1562C79.7294 43.2883 79.0489 43.2546 78.4066 43.058C77.7642 42.8614 77.1799 42.5081 76.7052 42.0293L77.4263 41.3019C77.7823 41.6611 78.2207 41.9261 78.7026 42.0736C79.1844 42.221 79.6949 42.2463 80.1888 42.1472C80.6826 42.0481 81.1446 41.8277 81.5339 41.5054C81.9231 41.1832 82.2276 40.7691 82.4203 40.2997C82.613 39.8304 82.6879 39.3204 82.6386 38.8149C82.5892 38.3093 82.4171 37.8239 82.1373 37.4015C81.8576 36.9791 81.4789 36.6329 81.0348 36.3934C80.5907 36.154 80.0949 36.0287 79.5914 36.0287L79.5914 35Z"/>
</mask>
<path d="M79.5914 35C80.2626 35 80.9235 35.167 81.5155 35.4862C82.1074 35.8054 82.6122 36.267 82.9852 36.83C83.3581 37.393 83.5876 38.0402 83.6534 38.714C83.7192 39.3879 83.6192 40.0678 83.3623 40.6934C83.1055 41.319 82.6996 41.8711 82.1808 42.3006C81.6619 42.7302 81.046 43.0241 80.3877 43.1562C79.7294 43.2883 79.0489 43.2546 78.4066 43.058C77.7642 42.8614 77.1799 42.5081 76.7052 42.0293L77.4263 41.3019C77.7823 41.6611 78.2207 41.9261 78.7026 42.0736C79.1844 42.221 79.6949 42.2463 80.1888 42.1472C80.6826 42.0481 81.1446 41.8277 81.5339 41.5054C81.9231 41.1832 82.2276 40.7691 82.4203 40.2997C82.613 39.8304 82.6879 39.3204 82.6386 38.8149C82.5892 38.3093 82.4171 37.8239 82.1373 37.4015C81.8576 36.9791 81.4789 36.6329 81.0348 36.3934C80.5907 36.154 80.0949 36.0287 79.5914 36.0287L79.5914 35Z" stroke="#945DED" stroke-width="2" mask="url(#path-18-inside-2_4758_205635)"/>
<path d="M68.8879 55.5884C68.8879 57.5905 67.2802 59.206 65.3062 59.206C63.3323 59.206 61.7246 57.5905 61.7246 55.5884C61.7246 53.5862 63.3323 51.9707 65.3062 51.9707C67.2802 51.9707 68.8879 53.5862 68.8879 55.5884Z" stroke="#F4EFF7"/>
<mask id="path-20-inside-3_4758_205635" fill="white">
<path d="M61.4186 56.8427C61.0888 55.8025 61.1822 54.6728 61.6781 53.7021C62.174 52.7313 63.0318 51.9991 64.0629 51.6664C65.094 51.3337 66.2138 51.4279 67.176 51.9282C68.1383 52.4284 68.8641 53.2939 69.1939 54.334L68.2227 54.6474C67.9753 53.8671 67.4308 53.2179 66.7089 52.8426C65.9871 52.4673 65.147 52.3966 64.3735 52.6462C63.6 52.8958 62.9565 53.4451 62.5845 54.1733C62.2125 54.9015 62.1425 55.749 62.3898 56.5293L61.4186 56.8427Z"/>
</mask>
<path d="M61.4186 56.8427C61.0888 55.8025 61.1822 54.6728 61.6781 53.7021C62.174 52.7313 63.0318 51.9991 64.0629 51.6664C65.094 51.3337 66.2138 51.4279 67.176 51.9282C68.1383 52.4284 68.8641 53.2939 69.1939 54.334L68.2227 54.6474C67.9753 53.8671 67.4308 53.2179 66.7089 52.8426C65.9871 52.4673 65.147 52.3966 64.3735 52.6462C63.6 52.8958 62.9565 53.4451 62.5845 54.1733C62.2125 54.9015 62.1425 55.749 62.3898 56.5293L61.4186 56.8427Z" stroke="#00C261" stroke-width="2" mask="url(#path-20-inside-3_4758_205635)"/>
<path d="M83.173 55.5884C83.173 57.5905 81.5653 59.206 79.5914 59.206C77.6174 59.206 76.0098 57.5905 76.0098 55.5884C76.0098 53.5862 77.6174 51.9707 79.5914 51.9707C81.5653 51.9707 83.173 53.5862 83.173 55.5884Z" stroke="#F4EFF7"/>
<mask id="path-22-inside-4_4758_205635" fill="white">
<path d="M83.5911 54.7676C83.7065 55.3399 83.6999 55.9304 83.5718 56.4999C83.4436 57.0694 83.1969 57.6049 82.8478 58.0708C82.4988 58.5367 82.0556 58.9224 81.5475 59.2023C81.0394 59.4822 80.4781 59.6499 79.9009 59.6941C79.3237 59.7384 78.7437 59.6583 78.1995 59.4592C77.6554 59.26 77.1594 58.9464 76.7445 58.5391C76.3297 58.1317 76.0055 57.6401 75.7935 57.0967C75.5814 56.5532 75.4864 55.9705 75.5146 55.3872L76.5331 55.4375C76.5119 55.8751 76.5832 56.3122 76.7423 56.7198C76.9014 57.1275 77.1446 57.4963 77.4558 57.8019C77.767 58.1075 78.139 58.3428 78.5473 58.4922C78.9555 58.6416 79.3906 58.7016 79.8236 58.6684C80.2566 58.6352 80.6777 58.5094 81.0588 58.2995C81.44 58.0895 81.7725 57.8002 82.0343 57.4506C82.2961 57.1011 82.4812 56.6994 82.5774 56.2721C82.6735 55.8449 82.6785 55.4019 82.5919 54.9726L83.5911 54.7676Z"/>
</mask>
<path d="M83.5911 54.7676C83.7065 55.3399 83.6999 55.9304 83.5718 56.4999C83.4436 57.0694 83.1969 57.6049 82.8478 58.0708C82.4988 58.5367 82.0556 58.9224 81.5475 59.2023C81.0394 59.4822 80.4781 59.6499 79.9009 59.6941C79.3237 59.7384 78.7437 59.6583 78.1995 59.4592C77.6554 59.26 77.1594 58.9464 76.7445 58.5391C76.3297 58.1317 76.0055 57.6401 75.7935 57.0967C75.5814 56.5532 75.4864 55.9705 75.5146 55.3872L76.5331 55.4375C76.5119 55.8751 76.5832 56.3122 76.7423 56.7198C76.9014 57.1275 77.1446 57.4963 77.4558 57.8019C77.767 58.1075 78.139 58.3428 78.5473 58.4922C78.9555 58.6416 79.3906 58.7016 79.8236 58.6684C80.2566 58.6352 80.6777 58.5094 81.0588 58.2995C81.44 58.0895 81.7725 57.8002 82.0343 57.4506C82.2961 57.1011 82.4812 56.6994 82.5774 56.2721C82.6735 55.8449 82.6785 55.4019 82.5919 54.9726L83.5911 54.7676Z" stroke="#3370FF" stroke-width="2" mask="url(#path-22-inside-4_4758_205635)"/>
</g>
<rect x="10.2041" y="17.5" width="35.7143" height="11.3235" rx="1" fill="#E9E8EC"/>
<rect x="12.2451" y="19.5586" width="11.2245" height="2.05926" rx="0.5" fill="white"/>
<rect x="12.2451" y="23.6763" width="28.5714" height="3.08889" rx="0.5" fill="white"/>
<rect x="50" y="17.5" width="35.7143" height="11.3235" rx="1" fill="#E9E8EC"/>
<rect x="52.041" y="19.5586" width="11.2245" height="2.05926" rx="0.5" fill="white"/>
<rect x="52.041" y="23.6763" width="28.5714" height="3.08889" rx="0.5" fill="white"/>
<g filter="url(#filter1_d_4758_205635)">
<rect x="50" y="17.5" width="47.9592" height="20.5882" rx="1" fill="white"/>
<path d="M60.2246 20.5884C60.7769 20.5884 61.2246 21.0361 61.2246 21.5884L61.2246 21.6476C61.2246 22.1999 60.7769 22.6476 60.2246 22.6476L53.0613 22.6476L53.0613 20.5884L60.2246 20.5884Z" fill="#3370FF"/>
<path d="M70.4287 24.7061C70.981 24.7061 71.4287 25.1538 71.4287 25.7061L71.4287 25.7653C71.4287 26.3176 70.981 26.7653 70.4287 26.7653L53.0614 26.7653L53.0614 24.7061L70.4287 24.7061Z" fill="#3370FF"/>
<path d="M84.7139 28.8237C85.2662 28.8237 85.7139 29.2714 85.7139 29.8237L85.7139 29.883C85.7139 30.4353 85.2662 30.883 84.7139 30.883L53.0608 30.883L53.0608 28.8237L84.7139 28.8237Z" fill="#3370FF"/>
<path d="M93.8984 32.9414C94.4507 32.9414 94.8984 33.3891 94.8984 33.9414L94.8984 34.0007C94.8984 34.553 94.4507 35.0007 93.8984 35.0007L53.0617 35.0007L53.0617 32.9414L93.8984 32.9414Z" fill="#3370FF"/>
</g>
<g filter="url(#filter2_d_4758_205635)">
<ellipse cx="12.2452" cy="56.6177" rx="9.18367" ry="9.26471" fill="#FFA200"/>
</g>
<path d="M13.6225 51.522L13.6597 51.5234L13.6909 51.5271C13.6987 51.5283 13.7067 51.5297 13.7147 51.5313C13.7248 51.5334 13.7347 51.5358 13.7446 51.5385C13.7518 51.5405 13.7588 51.5427 13.7658 51.545C13.7749 51.548 13.7839 51.5513 13.7929 51.5549L13.8168 51.5654C13.8263 51.5699 13.8357 51.5747 13.8449 51.5798C13.8504 51.5829 13.8561 51.5862 13.8616 51.5896C13.8733 51.5969 13.8848 51.6047 13.8958 51.6129L13.9058 51.6206C13.907 51.6216 13.9084 51.6227 13.9097 51.6237L13.9472 51.6577L16.2431 53.9738L16.2743 54.0095L16.2875 54.0256C16.2957 54.0368 16.3034 54.0483 16.3105 54.0602L16.3204 54.0772C16.3254 54.0863 16.3301 54.0958 16.3346 54.1054L16.3449 54.1294C16.3485 54.1385 16.3518 54.1477 16.3549 54.157C16.3571 54.1639 16.3592 54.171 16.3612 54.1782C16.3639 54.1882 16.3663 54.1982 16.3684 54.2084C16.3699 54.2164 16.3714 54.2245 16.3726 54.2326C16.3733 54.2373 16.3739 54.2423 16.3745 54.2474L16.3759 54.2614C16.3766 54.2698 16.3771 54.2781 16.3774 54.2864L16.3776 54.3014V56.6176H15.4592V54.7646H13.6225C13.387 54.7646 13.1929 54.5858 13.1664 54.3554L13.1633 54.3014V52.4484H9.03067V60.7867H13.1633V61.7132H9.03067C8.52347 61.7132 8.1123 61.2984 8.1123 60.7867V52.4484C8.1123 51.9368 8.52347 51.522 9.03067 51.522H13.6225ZM16.2895 57.2198C17.1003 57.2198 17.6803 57.7587 17.7552 58.45H16.776C16.7199 58.2105 16.5889 58.0254 16.2833 58.0254H15.6284C15.2667 58.0254 15.0359 58.2921 15.0359 58.6133L15.0422 60.3196C15.0422 60.6408 15.2729 60.9075 15.6347 60.9075H16.2895C16.5889 60.9075 16.7136 60.7333 16.776 60.4993H17.7614C17.6866 61.1797 17.1003 61.7132 16.2958 61.7132H15.6284C14.7802 61.7132 14.0879 61.1089 14.0879 60.3686L14.0817 58.5697C14.0817 57.824 14.774 57.2198 15.6222 57.2198H16.2895ZM14.0817 53.1039V53.8381H14.8095L14.0817 53.1039Z" fill="white"/>
<defs>
<filter id="filter0_d_4758_205635" x="4.12207" y="5.20605" width="91.6733" height="64.6177" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.13092 0 0 0 0 0 0 0 0 0 0.342773 0 0 0 0.11 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4758_205635"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4758_205635" result="shape"/>
</filter>
<filter id="filter1_d_4758_205635" x="46" y="17.5" width="55.959" height="28.5881" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.174594 0 0 0 0 0.583887 0 0 0 0.18 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4758_205635"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4758_205635" result="shape"/>
</filter>
<filter id="filter2_d_4758_205635" x="1.06152" y="45.353" width="26.3672" height="26.5293" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.234009 0 0 0 0 0 0 0 0 0 0.612679 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4758_205635"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4758_205635" result="shape"/>
</filter>
<linearGradient id="paint0_linear_4758_205635" x1="32.6531" y1="36.9008" x2="33.1214" y2="64.4517" gradientUnits="userSpaceOnUse">
<stop stop-color="#E5CAF9"/>
<stop offset="1" stop-color="white" stop-opacity="0.05"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

108
frontend/src/assets/svg/bug-count-img.svg Normal file
View File

@ -0,0 +1,108 @@
<svg width="102" height="78" viewBox="0 0 102 78" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.8" cx="74.5" cy="27.5" r="27.5" fill="#E9E8EC" fill-opacity="0.5"/>
<g filter="url(#filter0_d_4780_207122)">
<path d="M11 11C11 9.89543 11.9065 9 13.0247 9H90.9753C92.0935 9 93 9.89543 93 11V16H11V11Z" fill="#E9E8EC"/>
<path d="M11 16.0769H93V62.0769C93 63.1815 92.0935 64.0769 90.9753 64.0769H13.0247C11.9065 64.0769 11 63.1815 11 62.0769V16.0769Z" fill="white"/>
<path d="M86.8682 25.838C86.8682 29.3492 84.0888 32.176 80.6841 32.176C77.2794 32.176 74.5 29.3492 74.5 25.838C74.5 22.3268 77.2794 19.5 80.6841 19.5C84.0888 19.5 86.8682 22.3268 86.8682 25.838Z" stroke="#F2FCF7"/>
<mask id="path-5-inside-1_4780_207122" fill="white">
<path d="M80.6841 19C81.5619 19 82.431 19.1769 83.242 19.5205C84.053 19.8642 84.7898 20.3678 85.4105 21.0028C86.0312 21.6378 86.5235 22.3916 86.8594 23.2212C87.1953 24.0508 87.3682 24.94 87.3682 25.838L85.6983 25.838C85.6983 25.1644 85.5686 24.4973 85.3167 23.875C85.0647 23.2526 84.6953 22.6871 84.2297 22.2108C83.7641 21.7344 83.2113 21.3566 82.603 21.0988C81.9946 20.841 81.3426 20.7083 80.6841 20.7083L80.6841 19Z"/>
</mask>
<path d="M80.6841 19C81.5619 19 82.431 19.1769 83.242 19.5205C84.053 19.8642 84.7898 20.3678 85.4105 21.0028C86.0312 21.6378 86.5235 22.3916 86.8594 23.2212C87.1953 24.0508 87.3682 24.94 87.3682 25.838L85.6983 25.838C85.6983 25.1644 85.5686 24.4973 85.3167 23.875C85.0647 23.2526 84.6953 22.6871 84.2297 22.2108C83.7641 21.7344 83.2113 21.3566 82.603 21.0988C81.9946 20.841 81.3426 20.7083 80.6841 20.7083L80.6841 19Z" stroke="#00C261" stroke-width="2" mask="url(#path-5-inside-1_4780_207122)"/>
<mask id="path-6-inside-2_4780_207122" fill="white">
<path d="M87.3543 26.2791C87.2898 27.2993 87.0026 28.2916 86.5138 29.1832C86.0249 30.0748 85.3469 30.8429 84.5296 31.431C83.7123 32.0191 82.7765 32.4123 81.7911 32.5816C80.8056 32.7509 79.7956 32.692 78.8353 32.4092L79.2972 30.7676C80.0176 30.9797 80.7753 31.0239 81.5145 30.8969C82.2538 30.7699 82.9558 30.4749 83.5689 30.0337C84.182 29.5925 84.6907 29.0163 85.0574 28.3475C85.4241 27.6786 85.6395 26.9342 85.6879 26.1689L87.3543 26.2791Z"/>
</mask>
<path d="M87.3543 26.2791C87.2898 27.2993 87.0026 28.2916 86.5138 29.1832C86.0249 30.0748 85.3469 30.8429 84.5296 31.431C83.7123 32.0191 82.7765 32.4123 81.7911 32.5816C80.8056 32.7509 79.7956 32.692 78.8353 32.4092L79.2972 30.7676C80.0176 30.9797 80.7753 31.0239 81.5145 30.8969C82.2538 30.7699 82.9558 30.4749 83.5689 30.0337C84.182 29.5925 84.6907 29.0163 85.0574 28.3475C85.4241 27.6786 85.6395 26.9342 85.6879 26.1689L87.3543 26.2791Z" stroke="#FFA200" stroke-width="2" mask="url(#path-6-inside-2_4780_207122)"/>
<mask id="path-7-inside-3_4780_207122" fill="white">
<path d="M78.3098 32.23C77.1547 31.781 76.1439 31.0132 75.3896 30.0119C74.6354 29.0105 74.1672 27.8149 74.0371 26.5578L75.6977 26.378C75.7953 27.321 76.1465 28.218 76.7123 28.9691C77.2781 29.7203 78.0364 30.2963 78.9029 30.6331L78.3098 32.23Z"/>
</mask>
<path d="M78.3098 32.23C77.1547 31.781 76.1439 31.0132 75.3896 30.0119C74.6354 29.0105 74.1672 27.8149 74.0371 26.5578L75.6977 26.378C75.7953 27.321 76.1465 28.218 76.7123 28.9691C77.2781 29.7203 78.0364 30.2963 78.9029 30.6331L78.3098 32.23Z" stroke="#F02929" stroke-width="2" mask="url(#path-7-inside-3_4780_207122)"/>
<rect x="53" y="43" width="4" height="15" fill="#FFF6E5" fill-opacity="0.929412"/>
<rect opacity="0.3" x="61" y="31" width="4" height="27" fill="#FFBE4D"/>
<rect x="69" y="37" width="4" height="21" fill="#FFF6E5" fill-opacity="0.929412"/>
<rect opacity="0.5" x="77" y="43" width="4" height="15" fill="#FFB026"/>
<rect x="85" y="43" width="4" height="15" fill="#FFF6E5" fill-opacity="0.929412"/>
<path d="M53 53.5278L60.7525 36.5999C61.5075 34.9513 63.8909 35.0778 64.4672 36.797L69.7754 52.6324C70.3314 54.291 72.5986 54.4869 73.4308 52.9482L77.5975 45.2442C78.3023 43.9411 80.1299 43.8299 80.9875 45.038L88 54.9167" stroke="#FFA200" stroke-width="0.5"/>
<rect x="16.5" y="21.5" width="33" height="38" rx="0.5" fill="#FCFCFC" stroke="white"/>
<rect x="19" y="27" width="16" height="2" rx="1" fill="url(#paint0_linear_4780_207122)"/>
<rect opacity="0.4" x="19" y="33" width="25" height="2" rx="1" fill="url(#paint1_linear_4780_207122)"/>
<rect opacity="0.4" x="19" y="39" width="28" height="2" rx="1" fill="url(#paint2_linear_4780_207122)"/>
<rect opacity="0.4" x="19" y="44" width="28" height="2" rx="1" fill="url(#paint3_linear_4780_207122)"/>
<rect opacity="0.4" x="19" y="50" width="28" height="2" rx="1" fill="url(#paint4_linear_4780_207122)"/>
<rect x="19" y="55" width="28" height="2" rx="1" fill="url(#paint5_linear_4780_207122)"/>
<path d="M16.0361 12.4519C16.0361 13.2803 15.3646 13.9519 14.5361 13.9519C13.7077 13.9519 13.0361 13.2803 13.0361 12.4519C13.0361 11.6235 13.7077 10.9519 14.5361 10.9519C15.3646 10.9519 16.0361 11.6235 16.0361 12.4519Z" fill="#ED0303"/>
<path d="M22.0361 12.4519C22.0361 13.2803 21.3646 13.9519 20.5361 13.9519C19.7077 13.9519 19.0361 13.2803 19.0361 12.4519C19.0361 11.6235 19.7077 10.9519 20.5361 10.9519C21.3646 10.9519 22.0361 11.6235 22.0361 12.4519Z" fill="#FFA200"/>
<path d="M28.0361 12.4519C28.0361 13.2803 27.3646 13.9519 26.5361 13.9519C25.7077 13.9519 25.0361 13.2803 25.0361 12.4519C25.0361 11.6235 25.7077 10.9519 26.5361 10.9519C27.3646 10.9519 28.0361 11.6235 28.0361 12.4519Z" fill="#00C261"/>
</g>
<g filter="url(#filter1_d_4780_207122)">
<rect x="57.5" y="55.5" width="44" height="14" rx="1.5" fill="#FCFCFC" stroke="white"/>
<rect opacity="0.4" x="70" y="62" width="28" height="2" rx="1" fill="#E9E8EC"/>
<rect opacity="0.4" x="70" y="62" width="13" height="2" rx="1" fill="#ED0303"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M63.0423 60.7501C63.067 59.9509 63.6995 59.2917 64.4998 59.2917C65.3002 59.2917 65.9327 59.9509 65.9574 60.7501H66.4207L67.2103 59.9605C67.3242 59.8466 67.5088 59.8466 67.6227 59.9605C67.7366 60.0744 67.7366 60.2591 67.6227 60.373L66.8332 61.1626V62.6459H67.4165C67.5776 62.6459 67.7082 62.7765 67.7082 62.9376C67.7082 63.0987 67.5776 63.2293 67.4165 63.2293H66.8275C66.8044 63.5431 66.705 64.0195 66.4253 64.4505L67.1852 65.2105C67.2991 65.3244 67.2991 65.5091 67.1852 65.623C67.0713 65.7369 66.8867 65.7369 66.7728 65.623L66.0427 64.893C66.0364 64.8985 66.03 64.9039 66.0236 64.9094L66.0199 64.9126C65.9442 64.9764 65.8626 65.0355 65.7748 65.0892C65.4476 65.2894 65.029 65.4168 64.4998 65.4168C63.9811 65.4168 63.5686 65.2935 63.2445 65.0992C63.2332 65.0924 63.2219 65.0856 63.2108 65.0786C63.1317 65.029 63.0576 64.975 62.9885 64.9172L62.9843 64.9136C62.9756 64.9063 62.967 64.8989 62.9585 64.8914L62.2269 65.623C62.113 65.7369 61.9283 65.7369 61.8144 65.623C61.7005 65.5091 61.7005 65.3244 61.8144 65.2105L62.5762 64.4488C62.2959 64.017 62.1958 63.5404 62.1723 63.2293H61.5832C61.4221 63.2293 61.2915 63.0987 61.2915 62.9376C61.2915 62.7765 61.4221 62.6459 61.5832 62.6459H62.1665V61.1626L61.3769 60.373C61.263 60.2591 61.263 60.0744 61.3769 59.9605C61.4908 59.8466 61.6755 59.8466 61.7894 59.9605L62.579 60.7501H63.0423ZM64.7915 61.2787C64.7915 61.1478 64.6609 61.0417 64.4998 61.0417C64.3388 61.0417 64.2082 61.1478 64.2082 61.2787V64.5964C64.2082 64.7273 64.3388 64.8334 64.4998 64.8334C64.6609 64.8334 64.7915 64.7273 64.7915 64.5964V61.2787Z" fill="#ED0303"/>
</g>
<g filter="url(#filter2_d_4780_207122)">
<rect x="2" width="31.0555" height="35.5337" rx="1" fill="white"/>
<rect x="6.00684" y="24.366" width="10.0179" height="2.0305" rx="1" fill="#BFF8DB"/>
<rect x="6.00684" y="28.4272" width="23.0412" height="2.0305" rx="1" fill="#22CC77"/>
<path d="M22.0358 5.14937C20.4624 4.22875 18.627 3.87725 16.8306 4.1525C15.0342 4.42775 13.3833 5.31341 12.1488 6.66427C10.9142 8.01513 10.1692 9.75102 10.0359 11.5873C9.90263 13.4236 10.3889 15.2513 11.4151 16.7707C12.4413 18.2901 13.9465 19.4111 15.6838 19.9498C17.4211 20.4885 19.2875 20.413 20.9769 19.7357C22.6664 19.0583 24.0786 17.8193 24.982 16.2218C25.8854 14.6244 26.2264 12.7632 25.9491 10.9435L18.0287 12.1832L22.0358 5.14937Z" fill="url(#paint6_angular_4780_207122)"/>
</g>
<defs>
<filter id="filter0_d_4780_207122" x="7" y="9" width="90" height="63.0769" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4780_207122"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4780_207122" result="shape"/>
</filter>
<filter id="filter1_d_4780_207122" x="49" y="55" width="53" height="23" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-4" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4780_207122"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4780_207122" result="shape"/>
</filter>
<filter id="filter2_d_4780_207122" x="0" y="0" width="39.0557" height="43.5337" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4780_207122"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4780_207122" result="shape"/>
</filter>
<linearGradient id="paint0_linear_4780_207122" x1="8.5" y1="28" x2="42" y2="28.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#00C261"/>
<stop offset="1" stop-color="#FDFFFE"/>
</linearGradient>
<linearGradient id="paint1_linear_4780_207122" x1="19" y1="34" x2="54.913" y2="35.2199" gradientUnits="userSpaceOnUse">
<stop stop-color="#ED0303"/>
<stop offset="1" stop-color="#F7CCCC"/>
</linearGradient>
<linearGradient id="paint2_linear_4780_207122" x1="0.625" y1="40" x2="59.2231" y2="41.5305" gradientUnits="userSpaceOnUse">
<stop stop-color="#00C261"/>
<stop offset="1" stop-color="#FDFFFE"/>
</linearGradient>
<linearGradient id="paint3_linear_4780_207122" x1="0.625" y1="45" x2="59.2231" y2="46.5305" gradientUnits="userSpaceOnUse">
<stop stop-color="#00C261"/>
<stop offset="1" stop-color="#FDFFFE"/>
</linearGradient>
<linearGradient id="paint4_linear_4780_207122" x1="0.625" y1="51" x2="59.2231" y2="52.5305" gradientUnits="userSpaceOnUse">
<stop stop-color="#00C261"/>
<stop offset="1" stop-color="#FDFFFE"/>
</linearGradient>
<linearGradient id="paint5_linear_4780_207122" x1="0.625" y1="56" x2="59.2231" y2="57.5305" gradientUnits="userSpaceOnUse">
<stop stop-color="#00C261"/>
<stop offset="1" stop-color="#FDFFFE"/>
</linearGradient>
<radialGradient id="paint6_angular_4780_207122" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(18.0287 12.1832) rotate(-46.989) scale(7.91985 7.91322)">
<stop stop-color="#00C261"/>
<stop offset="1" stop-color="#D9FFEC"/>
</radialGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

157
frontend/src/assets/svg/bug-handler-img.svg Normal file
View File

@ -0,0 +1,157 @@
<svg width="108" height="73" viewBox="0 0 108 73" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.8" cx="29.5" cy="27.5" r="27.5" fill="#E9E8EC" fill-opacity="0.5"/>
<circle opacity="0.8" cx="83" cy="51" r="19" fill="#E9E8EC" fill-opacity="0.5"/>
<g filter="url(#filter0_d_4793_207829)">
<path d="M11 10C11 8.89543 11.8954 8 13 8H90C91.1046 8 92 8.89543 92 10V15H11V10Z" fill="#E9E8EC"/>
<path d="M11 15H92V61C92 62.1046 91.1046 63 90 63H13C11.8954 63 11 62.1046 11 61V15Z" fill="white"/>
<path d="M19 11.5C19 12.3284 18.3284 13 17.5 13C16.6716 13 16 12.3284 16 11.5C16 10.6716 16.6716 10 17.5 10C18.3284 10 19 10.6716 19 11.5Z" fill="#ED0303"/>
<path d="M25 11.5C25 12.3284 24.3284 13 23.5 13C22.6716 13 22 12.3284 22 11.5C22 10.6716 22.6716 10 23.5 10C24.3284 10 25 10.6716 25 11.5Z" fill="#FFA200"/>
<path d="M31 11.5C31 12.3284 30.3284 13 29.5 13C28.6716 13 28 12.3284 28 11.5C28 10.6716 28.6716 10 29.5 10C30.3284 10 31 10.6716 31 11.5Z" fill="#00C261"/>
</g>
<rect x="44" y="46" width="4" height="12" fill="#FFF6E5" fill-opacity="0.929412"/>
<rect x="53" y="33" width="4" height="25" fill="#C2D4FF"/>
<rect x="62" y="40" width="4" height="18" fill="#FFF6E5" fill-opacity="0.929412"/>
<rect x="71" y="45" width="4" height="13" fill="#4DD490"/>
<rect x="80" y="37" width="4" height="21" fill="#FFF6E5" fill-opacity="0.929412"/>
<path d="M44.6934 53.0556L50.4705 47.3727C53.8949 44.0041 59.506 44.4367 62.3736 48.2906L62.8593 48.9433C65.3073 52.2333 70.0158 52.7928 73.1666 50.1683V50.1683C75.5524 48.1811 78.9483 47.9617 81.5699 49.6254L88.2003 53.8333" stroke="url(#paint0_linear_4793_207829)" stroke-width="0.5"/>
<rect opacity="0.2" x="16" y="31" width="19" height="7" rx="1" fill="#945DED"/>
<g opacity="0.9">
<circle cx="19.5" cy="34.5" r="1.5" fill="white"/>
<rect x="22" y="35" width="11" height="1" rx="0.5" fill="white"/>
<rect x="22" y="33" width="11" height="1" rx="0.5" fill="white"/>
</g>
<rect opacity="0.2" x="16" y="41" width="19" height="7" rx="1" fill="#709BFF"/>
<g opacity="0.9">
<circle cx="19.5" cy="44.5" r="1.5" fill="white"/>
<rect x="22" y="45" width="11" height="1" rx="0.5" fill="white"/>
<rect x="22" y="43" width="11" height="1" rx="0.5" fill="white"/>
</g>
<rect opacity="0.2" x="16" y="51" width="19" height="7" rx="1" fill="#F24F4F"/>
<g opacity="0.9">
<circle cx="19.5" cy="54.5" r="1.5" fill="white"/>
<rect x="22" y="55" width="11" height="1" rx="0.5" fill="white"/>
<rect x="22" y="53" width="11" height="1" rx="0.5" fill="white"/>
</g>
<g filter="url(#filter1_d_4793_207829)">
<rect x="73" y="4" width="29" height="10" rx="1" fill="white"/>
<g filter="url(#filter2_d_4793_207829)">
<circle cx="78" cy="9" r="3" fill="#F24F4F"/>
</g>
<path d="M78 10.6875C78.932 10.6875 79.6875 9.93198 79.6875 9C79.6875 8.06802 78.932 7.3125 78 7.3125C77.068 7.3125 76.3125 8.06802 76.3125 9C76.3125 9.93198 77.068 10.6875 78 10.6875ZM78 11.0625C76.8609 11.0625 75.9375 10.1391 75.9375 9C75.9375 7.86091 76.8609 6.9375 78 6.9375C79.1391 6.9375 80.0625 7.86091 80.0625 9C80.0625 10.1391 79.1391 11.0625 78 11.0625ZM78 8.73483L78.3977 8.33708C78.471 8.26386 78.5897 8.26386 78.6629 8.33708V8.33708C78.7361 8.41031 78.7361 8.52902 78.6629 8.60225L78.2652 9L78.6629 9.39774C78.7361 9.47097 78.7361 9.58968 78.6629 9.66291V9.66291C78.5897 9.73613 78.471 9.73613 78.3977 9.66291L78 9.26516L77.6023 9.66291C77.529 9.73613 77.4103 9.73613 77.3371 9.66291V9.66291C77.2639 9.58968 77.2639 9.47097 77.3371 9.39774L77.7348 9L77.3371 8.60225C77.2639 8.52902 77.2639 8.41031 77.3371 8.33708V8.33708C77.4103 8.26386 77.529 8.26386 77.6023 8.33708L78 8.73483Z" fill="white"/>
<rect opacity="0.4" x="82" y="7" width="6" height="2" rx="1" fill="#F24F4F"/>
<rect opacity="0.4" x="82" y="10" width="14" height="2" rx="1" fill="#F24F4F"/>
</g>
<path d="M51.3781 24.6469C51.3781 26.6491 49.7704 28.2646 47.7965 28.2646C45.8225 28.2646 44.2148 26.6491 44.2148 24.6469C44.2148 22.6448 45.8225 21.0293 47.7965 21.0293C49.7704 21.0293 51.3781 22.6448 51.3781 24.6469Z" stroke="#E9E8EC"/>
<mask id="path-32-inside-1_4793_207829" fill="white">
<path d="M47.7965 20.5293C48.7224 20.5293 49.6209 20.8469 50.3443 21.43C51.0677 22.0131 51.5731 22.827 51.7775 23.7381C51.9818 24.6492 51.873 25.6034 51.469 26.4438C51.0649 27.2843 50.3895 27.9612 49.5538 28.3634L49.1147 27.435C49.7417 27.1332 50.2483 26.6255 50.5515 25.9949C50.8546 25.3644 50.9362 24.6487 50.7829 23.9652C50.6296 23.2817 50.2505 22.6711 49.7078 22.2337C49.1651 21.7963 48.4911 21.558 47.7965 21.558L47.7965 20.5293Z"/>
</mask>
<path d="M47.7965 20.5293C48.7224 20.5293 49.6209 20.8469 50.3443 21.43C51.0677 22.0131 51.5731 22.827 51.7775 23.7381C51.9818 24.6492 51.873 25.6034 51.469 26.4438C51.0649 27.2843 50.3895 27.9612 49.5538 28.3634L49.1147 27.435C49.7417 27.1332 50.2483 26.6255 50.5515 25.9949C50.8546 25.3644 50.9362 24.6487 50.7829 23.9652C50.6296 23.2817 50.2505 22.6711 49.7078 22.2337C49.1651 21.7963 48.4911 21.558 47.7965 21.558L47.7965 20.5293Z" stroke="#F02929" stroke-width="2" mask="url(#path-32-inside-1_4793_207829)"/>
<path d="M69.7453 24.6469C69.7453 26.6491 68.1376 28.2646 66.1637 28.2646C64.1897 28.2646 62.582 26.6491 62.582 24.6469C62.582 22.6448 64.1897 21.0293 66.1637 21.0293C68.1376 21.0293 69.7453 22.6448 69.7453 24.6469Z" stroke="#E9E8EC"/>
<mask id="path-34-inside-2_4793_207829" fill="white">
<path d="M66.1637 20.5293C66.8349 20.5293 67.4958 20.6963 68.0877 21.0155C68.6797 21.3347 69.1845 21.7963 69.5574 22.3593C69.9303 22.9223 70.1599 23.5695 70.2256 24.2433C70.2914 24.9172 70.1915 25.5971 69.9346 26.2227C69.6777 26.8483 69.2719 27.4003 68.753 27.8299C68.2342 28.2595 67.6183 28.5534 66.96 28.6855C66.3016 28.8176 65.6212 28.7839 64.9788 28.5873C64.3365 28.3907 63.7521 28.0374 63.2775 27.5586L63.9985 26.8312C64.3546 27.1904 64.793 27.4554 65.2748 27.6029C65.7567 27.7503 66.2672 27.7756 66.761 27.6765C67.2549 27.5774 67.7169 27.357 68.1061 27.0347C68.4954 26.7125 68.7998 26.2983 68.9925 25.829C69.1852 25.3597 69.2602 24.8497 69.2109 24.3442C69.1615 23.8386 68.9893 23.3532 68.7096 22.9308C68.4298 22.5084 68.0511 22.1622 67.6071 21.9227C67.163 21.6833 66.6672 21.558 66.1637 21.558L66.1637 20.5293Z"/>
</mask>
<path d="M66.1637 20.5293C66.8349 20.5293 67.4958 20.6963 68.0877 21.0155C68.6797 21.3347 69.1845 21.7963 69.5574 22.3593C69.9303 22.9223 70.1599 23.5695 70.2256 24.2433C70.2914 24.9172 70.1915 25.5971 69.9346 26.2227C69.6777 26.8483 69.2719 27.4003 68.753 27.8299C68.2342 28.2595 67.6183 28.5534 66.96 28.6855C66.3016 28.8176 65.6212 28.7839 64.9788 28.5873C64.3365 28.3907 63.7521 28.0374 63.2775 27.5586L63.9985 26.8312C64.3546 27.1904 64.793 27.4554 65.2748 27.6029C65.7567 27.7503 66.2672 27.7756 66.761 27.6765C67.2549 27.5774 67.7169 27.357 68.1061 27.0347C68.4954 26.7125 68.7998 26.2983 68.9925 25.829C69.1852 25.3597 69.2602 24.8497 69.2109 24.3442C69.1615 23.8386 68.9893 23.3532 68.7096 22.9308C68.4298 22.5084 68.0511 22.1622 67.6071 21.9227C67.163 21.6833 66.6672 21.558 66.1637 21.558L66.1637 20.5293Z" stroke="#00C261" stroke-width="2" mask="url(#path-34-inside-2_4793_207829)"/>
<path d="M88.113 24.6469C88.113 26.6491 86.5053 28.2646 84.5313 28.2646C82.5574 28.2646 80.9497 26.6491 80.9497 24.6469C80.9497 22.6448 82.5574 21.0293 84.5313 21.0293C86.5053 21.0293 88.113 22.6448 88.113 24.6469Z" stroke="#E9E8EC"/>
<mask id="path-36-inside-3_4793_207829" fill="white">
<path d="M86.9427 27.9692C86.2528 28.4788 85.4218 28.7569 84.5668 28.7644C83.7119 28.7719 82.8762 28.5084 82.1777 28.011C81.4792 27.5137 80.9531 26.8076 80.6737 25.9924C80.3944 25.1772 80.3758 24.2941 80.6207 23.4677L81.5977 23.7623C81.414 24.3822 81.4279 25.0447 81.6375 25.6562C81.847 26.2678 82.2417 26.7975 82.7657 27.1706C83.2897 27.5437 83.9166 27.7414 84.558 27.7358C85.1993 27.7302 85.8228 27.5215 86.3403 27.1392L86.9427 27.9692Z"/>
</mask>
<path d="M86.9427 27.9692C86.2528 28.4788 85.4218 28.7569 84.5668 28.7644C83.7119 28.7719 82.8762 28.5084 82.1777 28.011C81.4792 27.5137 80.9531 26.8076 80.6737 25.9924C80.3944 25.1772 80.3758 24.2941 80.6207 23.4677L81.5977 23.7623C81.414 24.3822 81.4279 25.0447 81.6375 25.6562C81.847 26.2678 82.2417 26.7975 82.7657 27.1706C83.2897 27.5437 83.9166 27.7414 84.558 27.7358C85.1993 27.7302 85.8228 27.5215 86.3403 27.1392L86.9427 27.9692Z" stroke="#3370FF" stroke-width="2" mask="url(#path-36-inside-3_4793_207829)"/>
<g filter="url(#filter3_d_4793_207829)">
<rect x="7" y="42" width="24" height="24" rx="1" fill="white"/>
<g filter="url(#filter4_d_4793_207829)">
<circle cx="19.333" cy="54.3333" r="7" fill="#F02929"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M18.3332 53.3334L17.7498 53.3334V54.9373L17.7498 54.9376L17.7498 54.9378V55.0834C17.7498 55.2957 17.8145 55.7462 18.0671 56.1337C18.2754 56.4533 18.6188 56.7441 19.2082 56.8163V53.3334L18.3332 53.3334ZM19.7915 53.3334V56.8165C20.3817 56.7448 20.7249 56.4557 20.9328 56.1378C21.185 55.7522 21.2498 55.3021 21.2498 55.0834V54.9376V53.3334L20.6665 53.3334L19.7915 53.3334ZM20.9574 52.7501H21.4207L22.2103 51.9605C22.3242 51.8466 22.5088 51.8466 22.6227 51.9605C22.7366 52.0744 22.7366 52.2591 22.6227 52.373L21.8332 53.1626V54.6459H22.4165C22.5776 54.6459 22.7082 54.7765 22.7082 54.9376C22.7082 55.0987 22.5776 55.2292 22.4165 55.2292H21.8275C21.8044 55.5431 21.705 56.0195 21.4253 56.4505L22.1852 57.2105C22.2991 57.3244 22.2991 57.5091 22.1852 57.623C22.0713 57.7369 21.8867 57.7369 21.7728 57.623L21.0427 56.893C20.6867 57.2024 20.1862 57.4167 19.4998 57.4167C18.8142 57.4167 18.3142 57.2014 17.9585 56.8914L17.2269 57.623C17.113 57.7369 16.9283 57.7369 16.8144 57.623C16.7005 57.5091 16.7005 57.3244 16.8144 57.2105L17.5762 56.4488C17.2959 56.017 17.1958 55.5404 17.1723 55.2292H16.5832C16.4221 55.2292 16.2915 55.0987 16.2915 54.9376C16.2915 54.7765 16.4221 54.6459 16.5832 54.6459H17.1665V53.1626L16.3769 52.373C16.263 52.2591 16.263 52.0744 16.3769 51.9605C16.4908 51.8466 16.6755 51.8466 16.7894 51.9605L17.579 52.7501H18.0423C18.067 51.9509 18.6995 51.2917 19.4998 51.2917C20.3002 51.2917 20.9327 51.9509 20.9574 52.7501ZM20.3737 52.7501C20.3495 52.2525 19.9572 51.8751 19.4998 51.8751C19.0425 51.8751 18.6501 52.2525 18.626 52.7501L19.4998 52.7501L20.3737 52.7501Z" fill="white"/>
</g>
<g filter="url(#filter5_d_4793_207829)">
<path d="M2 24C2 23.4477 2.44772 23 3 23H30C30.5523 23 31 23.4477 31 24V30C31 30.5523 30.5523 31 30 31H3C2.44772 31 2 30.5523 2 30V24Z" fill="white"/>
<g filter="url(#filter6_d_4793_207829)">
<path d="M10 27C10 28.6569 8.65685 30 7 30C5.34315 30 4 28.6569 4 27C4 25.3431 5.34315 24 7 24C8.65685 24 10 25.3431 10 27Z" fill="#00C261"/>
</g>
<g clip-path="url(#clip0_4793_207829)">
<path d="M7 24.9375C7.55429 24.9375 8.07423 25.1574 8.45841 25.5416C8.84258 25.9258 9.0625 26.4457 9.0625 27C9.0625 27.5543 8.84258 28.0742 8.4584 28.4584C8.07423 28.8426 7.55429 29.0625 7 29.0625C6.44571 29.0625 5.92577 28.8426 5.54159 28.4584C5.15742 28.0742 4.9375 27.5543 4.9375 27C4.9375 26.4457 5.15742 25.9258 5.54159 25.5416C5.92577 25.1574 6.44571 24.9375 7 24.9375ZM7 25.3125C6.54619 25.3125 6.12131 25.4922 5.80676 25.8068C5.49221 26.1213 5.3125 26.5462 5.3125 27C5.3125 27.4538 5.49221 27.8787 5.80676 28.1932C6.12131 28.5078 6.54619 28.6875 7 28.6875C7.45381 28.6875 7.87869 28.5078 8.19324 28.1932C8.50779 27.8787 8.6875 27.4538 8.6875 27C8.6875 26.5462 8.50779 26.1213 8.19324 25.8068C7.87869 25.4922 7.45381 25.3125 7 25.3125ZM8.07008 26.3049C8.14331 26.3781 8.14331 26.4969 8.07008 26.5701L6.94508 27.6951C6.87186 27.7683 6.75314 27.7683 6.67992 27.6951L6.11742 27.1326C6.04419 27.0594 6.04419 26.9406 6.11742 26.8674C6.19064 26.7942 6.30936 26.7942 6.38258 26.8674L6.8125 27.2972L7.80492 26.3049C7.87814 26.2317 7.99686 26.2317 8.07008 26.3049Z" fill="white"/>
</g>
<path opacity="0.4" d="M11 25.5C11 25.2239 11.2239 25 11.5 25H16.5C16.7761 25 17 25.2239 17 25.5V25.5C17 25.7761 16.7761 26 16.5 26H11.5C11.2239 26 11 25.7761 11 25.5V25.5Z" fill="#B2EDD0"/>
<path opacity="0.4" d="M11 28.5C11 28.2239 11.2239 28 11.5 28H24.5C24.7761 28 25 28.2239 25 28.5V28.5C25 28.7761 24.7761 29 24.5 29H11.5C11.2239 29 11 28.7761 11 28.5V28.5Z" fill="#B2EDD0"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M28.5748 22.4737C28.5748 24.7385 26.7388 26.5746 24.4739 26.5746C22.2091 26.5746 20.373 24.7385 20.373 22.4737C20.373 20.2088 22.2091 18.3728 24.4739 18.3728C26.7388 18.3728 28.5748 20.2088 28.5748 22.4737ZM25.9652 21.3553C25.9652 22.1788 25.2975 22.8465 24.4739 22.8465C23.6503 22.8465 22.9827 22.1788 22.9827 21.3553C22.9827 20.5317 23.6503 19.864 24.4739 19.864C25.2975 19.864 25.9652 20.5317 25.9652 21.3553ZM27.4186 25.3279C26.6732 26.0967 25.6294 26.5746 24.4739 26.5746C23.3183 26.5746 22.2744 26.0966 21.529 25.3276C21.9731 24.3824 22.7061 23.4057 23.3555 23.4057H25.5923C26.2414 23.4057 26.9743 24.3831 27.4186 25.3279Z" fill="#C2D4FF"/>
<defs>
<filter id="filter0_d_4793_207829" x="7" y="8" width="89" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4793_207829"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4793_207829" result="shape"/>
</filter>
<filter id="filter1_d_4793_207829" x="71" y="4" width="37" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4793_207829"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4793_207829" result="shape"/>
</filter>
<filter id="filter2_d_4793_207829" x="75" y="6" width="8" height="8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.391846 0 0 0 0 0.00690705 0 0 0 0 0.00690705 0 0 0 0.11 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4793_207829"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4793_207829" result="shape"/>
</filter>
<filter id="filter3_d_4793_207829" x="5" y="41" width="32" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="3"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.218229 0 0 0 0 0.144106 0 0 0 0 0.014989 0 0 0 0.06 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4793_207829"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4793_207829" result="shape"/>
</filter>
<filter id="filter4_d_4793_207829" x="10.333" y="45.3333" width="22" height="22" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.138925 0 0 0 0 0.000902143 0 0 0 0 0.362272 0 0 0 0.18 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4793_207829"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4793_207829" result="shape"/>
</filter>
<filter id="filter5_d_4793_207829" x="0" y="23" width="37" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4793_207829"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4793_207829" result="shape"/>
</filter>
<filter id="filter6_d_4793_207829" x="4" y="24" width="8" height="8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.00635462 0 0 0 0 0.467578 0 0 0 0 0.236966 0 0 0 0.17 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4793_207829"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4793_207829" result="shape"/>
</filter>
<linearGradient id="paint0_linear_4793_207829" x1="87.5875" y1="52.2778" x2="44.7063" y2="53.243" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#ED0303"/>
</linearGradient>
<clipPath id="clip0_4793_207829">
<rect width="4.5" height="4.5" fill="white" transform="translate(4.75 24.75)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 18 KiB

60
frontend/src/assets/svg/case-count-img.svg Normal file
View File

@ -0,0 +1,60 @@
<svg width="100" height="70" viewBox="0 0 100 70" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.8" cx="69.5" cy="28.5" r="27.5" fill="#E9E8EC" fill-opacity="0.5"/>
<path d="M12 8C12 6.89543 12.8954 6 14 6H82C83.1046 6 84 6.89543 84 8V52H12V8Z" fill="#DFDEE4"/>
<path d="M12 52H84V58C84 59.1046 83.1046 60 82 60H14C12.8954 60 12 59.1046 12 58V52Z" fill="#F2F2F4"/>
<circle cx="48.5" cy="55.5" r="1.5" fill="#D4D3D7"/>
<rect x="15" y="9" width="66" height="40" rx="1" fill="white"/>
<rect opacity="0.8" x="18" y="19" width="6" height="3" rx="0.5" fill="#DFDEE4"/>
<rect opacity="0.3" x="61" y="19" width="17" height="3" rx="0.5" fill="#DFDEE4"/>
<rect x="18" y="24" width="60" height="22" rx="0.5" fill="#FDF9FF"/>
<rect opacity="0.3" x="21" y="29" width="3" height="8" rx="0.5" transform="rotate(-90 21 29)" fill="#945DED"/>
<rect opacity="0.3" x="21" y="34" width="3" height="8" rx="0.5" transform="rotate(-90 21 34)" fill="#945DED"/>
<rect opacity="0.3" x="21" y="39" width="3" height="8" rx="0.5" transform="rotate(-90 21 39)" fill="#945DED"/>
<rect opacity="0.3" x="21" y="44" width="3" height="8" rx="0.5" transform="rotate(-90 21 44)" fill="#945DED"/>
<rect opacity="0.3" x="31" y="29" width="3" height="45" rx="0.5" transform="rotate(-90 31 29)" fill="#945DED"/>
<rect opacity="0.3" x="31" y="34" width="3" height="45" rx="0.5" transform="rotate(-90 31 34)" fill="#945DED"/>
<rect opacity="0.3" x="31" y="39" width="3" height="45" rx="0.5" transform="rotate(-90 31 39)" fill="#945DED"/>
<rect opacity="0.3" x="31" y="44" width="3" height="45" rx="0.5" transform="rotate(-90 31 44)" fill="#945DED"/>
<rect x="15" y="16" width="66" height="1" rx="0.1" fill="#F4EFF7"/>
<circle cx="20.5" cy="12.5" r="1.5" fill="#ED0303"/>
<circle cx="26.5" cy="12.5" r="1.5" fill="#FFA200"/>
<circle cx="32.5" cy="12.5" r="1.5" fill="#00C261"/>
<path d="M39 60H57L59 67H37L39 60Z" fill="url(#paint0_linear_4722_201980)"/>
<rect x="32" y="67" width="32" height="2" rx="1" fill="#E9E8EC"/>
<g filter="url(#filter0_d_4722_201980)">
<circle cx="13" cy="22" r="10" fill="#00C261"/>
</g>
<path d="M14.5 16.5L14.5405 16.5015L14.5745 16.5055C14.583 16.5068 14.5917 16.5084 14.6004 16.5101C14.6114 16.5123 14.6222 16.5149 14.6329 16.5179C14.6407 16.52 14.6484 16.5224 14.6561 16.5249C14.6659 16.5281 14.6758 16.5317 14.6855 16.5356L14.7116 16.5468C14.7219 16.5517 14.7321 16.5569 14.7421 16.5624C14.7482 16.5657 14.7543 16.5693 14.7604 16.573C14.7731 16.5809 14.7856 16.5892 14.7976 16.5982L14.8085 16.6065C14.8098 16.6075 14.8113 16.6087 14.8127 16.6098L14.8536 16.6464L17.3536 19.1464L17.3875 19.185L17.4018 19.2023C17.4108 19.2144 17.4191 19.2269 17.427 19.2397L17.4377 19.258C17.4431 19.2679 17.4483 19.2781 17.4532 19.2885L17.4644 19.3143C17.4683 19.3242 17.4719 19.3341 17.4752 19.3441C17.4776 19.3516 17.48 19.3593 17.4821 19.367C17.4851 19.3778 17.4877 19.3886 17.4899 19.3996C17.4916 19.4083 17.4932 19.417 17.4945 19.4258C17.4953 19.4309 17.496 19.4363 17.4966 19.4417L17.4981 19.4569C17.4989 19.4659 17.4995 19.4749 17.4997 19.4839L17.5 19.5V22H16.5V20H14.5C14.2436 20 14.0322 19.807 14.0034 19.5583L14 19.5V17.5H9.5V26.5H14V27.5H9.5C8.94771 27.5 8.5 27.0523 8.5 26.5V17.5C8.5 16.9477 8.94772 16.5 9.5 16.5H14.5ZM17.4041 22.65C18.2869 22.65 18.9185 23.2317 19 23.9778H17.9338C17.8727 23.7193 17.7301 23.5196 17.3973 23.5196H16.6842C16.2903 23.5196 16.039 23.8075 16.039 24.1541L16.0458 25.9959C16.0458 26.3425 16.2971 26.6304 16.691 26.6304H17.4041C17.7301 26.6304 17.8659 26.4424 17.9338 26.1898H19.0068C18.9253 26.9242 18.2869 27.5 17.4109 27.5H16.6842C15.7606 27.5 15.0068 26.8478 15.0068 26.0488L15 24.1071C15 23.3022 15.7538 22.65 16.6774 22.65H17.4041ZM15 18.2075V19H15.7925L15 18.2075Z" fill="white"/>
<g filter="url(#filter1_d_4722_201980)">
<rect x="61" y="39" width="31.5" height="21" rx="1" fill="#FFA200"/>
<rect x="64.5" y="42.5" width="9.33333" height="2.33333" rx="1.16667" fill="#F4EFF7"/>
<rect x="64.5" y="47.1667" width="24.5" height="2.33333" rx="1.16667" fill="#F4EFF7"/>
<rect x="64.5" y="51.8333" width="24.5" height="2.33333" rx="1.16667" fill="#F4EFF7"/>
</g>
<defs>
<filter id="filter0_d_4722_201980" x="1" y="10" width="28" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.234009 0 0 0 0 0 0 0 0 0 0.612679 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_201980"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_201980" result="shape"/>
</filter>
<filter id="filter1_d_4722_201980" x="59" y="39" width="39.5" height="29" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.61556 0 0 0 0 0.397602 0 0 0 0 0.0179338 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_201980"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_201980" result="shape"/>
</filter>
<linearGradient id="paint0_linear_4722_201980" x1="48" y1="67.6364" x2="48" y2="59.3636" gradientUnits="userSpaceOnUse">
<stop stop-color="#F9F9FB"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 5.6 KiB

106
frontend/src/assets/svg/case-review-img.svg Normal file
View File

@ -0,0 +1,106 @@
<svg width="100" height="70" viewBox="0 0 100 70" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="49" cy="35" r="35" fill="#E9E8EC" fill-opacity="0.5"/>
<rect x="14" y="9" width="70" height="52" rx="1" fill="white" stroke="#DFDEE4" stroke-width="2"/>
<rect x="15" y="17" width="68" height="1" rx="0.1" fill="#F4EFF7"/>
<circle cx="20.5" cy="13.5" r="1.5" fill="#ED0303"/>
<circle cx="26.5" cy="13.5" r="1.5" fill="#FFA200"/>
<circle cx="32.5" cy="13.5" r="1.5" fill="#00C261"/>
<circle cx="22" cy="26" r="3.5" stroke="#F4EFF7"/>
<mask id="path-8-inside-1_4722_201730" fill="white">
<path d="M22 22C22.9074 22 23.7879 22.3086 24.4969 22.875C25.2058 23.4414 25.7011 24.2321 25.9014 25.1172C26.1016 26.0022 25.995 26.9291 25.599 27.7456C25.203 28.562 24.5412 29.2196 23.7221 29.6103L23.2919 28.7083C23.9063 28.4153 24.4028 27.922 24.6999 27.3095C24.997 26.697 25.0769 26.0017 24.9267 25.3377C24.7765 24.6738 24.4049 24.0806 23.8731 23.6557C23.3413 23.2308 22.6807 22.9993 22 22.9993L22 22Z"/>
</mask>
<path d="M22 22C22.9074 22 23.7879 22.3086 24.4969 22.875C25.2058 23.4414 25.7011 24.2321 25.9014 25.1172C26.1016 26.0022 25.995 26.9291 25.599 27.7456C25.203 28.562 24.5412 29.2196 23.7221 29.6103L23.2919 28.7083C23.9063 28.4153 24.4028 27.922 24.6999 27.3095C24.997 26.697 25.0769 26.0017 24.9267 25.3377C24.7765 24.6738 24.4049 24.0806 23.8731 23.6557C23.3413 23.2308 22.6807 22.9993 22 22.9993L22 22Z" stroke="#945DED" stroke-width="2" mask="url(#path-8-inside-1_4722_201730)"/>
<circle cx="40" cy="26" r="3.5" stroke="#F4EFF7"/>
<mask id="path-10-inside-2_4722_201730" fill="white">
<path d="M40 22C40.6578 22 41.3055 22.1622 41.8856 22.4723C42.4657 22.7824 42.9604 23.2308 43.3259 23.7777C43.6913 24.3247 43.9163 24.9533 43.9807 25.6079C44.0452 26.2626 43.9472 26.923 43.6955 27.5307C43.4438 28.1385 43.0461 28.6747 42.5376 29.092C42.0291 29.5093 41.4255 29.7948 40.7804 29.9231C40.1352 30.0515 39.4683 30.0187 38.8389 29.8278C38.2094 29.6368 37.6367 29.2936 37.1716 28.8284L37.8782 28.1218C38.2271 28.4707 38.6567 28.7282 39.1289 28.8715C39.6012 29.0147 40.1014 29.0393 40.5854 28.943C41.0694 28.8468 41.5222 28.6326 41.9036 28.3196C42.2851 28.0065 42.5834 27.6042 42.7723 27.1483C42.9611 26.6924 43.0346 26.197 42.9862 25.7059C42.9379 25.2148 42.7691 24.7432 42.495 24.3329C42.2208 23.9226 41.8497 23.5862 41.4145 23.3536C40.9793 23.121 40.4935 22.9993 40 22.9993L40 22Z"/>
</mask>
<path d="M40 22C40.6578 22 41.3055 22.1622 41.8856 22.4723C42.4657 22.7824 42.9604 23.2308 43.3259 23.7777C43.6913 24.3247 43.9163 24.9533 43.9807 25.6079C44.0452 26.2626 43.9472 26.923 43.6955 27.5307C43.4438 28.1385 43.0461 28.6747 42.5376 29.092C42.0291 29.5093 41.4255 29.7948 40.7804 29.9231C40.1352 30.0515 39.4683 30.0187 38.8389 29.8278C38.2094 29.6368 37.6367 29.2936 37.1716 28.8284L37.8782 28.1218C38.2271 28.4707 38.6567 28.7282 39.1289 28.8715C39.6012 29.0147 40.1014 29.0393 40.5854 28.943C41.0694 28.8468 41.5222 28.6326 41.9036 28.3196C42.2851 28.0065 42.5834 27.6042 42.7723 27.1483C42.9611 26.6924 43.0346 26.197 42.9862 25.7059C42.9379 25.2148 42.7691 24.7432 42.495 24.3329C42.2208 23.9226 41.8497 23.5862 41.4145 23.3536C40.9793 23.121 40.4935 22.9993 40 22.9993L40 22Z" stroke="#945DED" stroke-width="2" mask="url(#path-10-inside-2_4722_201730)"/>
<circle cx="58" cy="26" r="3.5" stroke="#F4EFF7"/>
<mask id="path-12-inside-3_4722_201730" fill="white">
<path d="M60.3631 29.2273C59.6871 29.7223 58.8726 29.9926 58.0348 29.9998C57.1969 30.0071 56.378 29.7511 55.6934 29.268C55.0089 28.7848 54.4933 28.0989 54.2196 27.307C53.9458 26.5151 53.9276 25.6572 54.1676 24.8544L55.125 25.1406C54.945 25.7428 54.9586 26.3864 55.164 26.9805C55.3694 27.5745 55.7561 28.0891 56.2697 28.4515C56.7832 28.814 57.3976 29.0061 58.0261 29.0006C58.6546 28.9951 59.2656 28.7924 59.7727 28.4211L60.3631 29.2273Z"/>
</mask>
<path d="M60.3631 29.2273C59.6871 29.7223 58.8726 29.9926 58.0348 29.9998C57.1969 30.0071 56.378 29.7511 55.6934 29.268C55.0089 28.7848 54.4933 28.0989 54.2196 27.307C53.9458 26.5151 53.9276 25.6572 54.1676 24.8544L55.125 25.1406C54.945 25.7428 54.9586 26.3864 55.164 26.9805C55.3694 27.5745 55.7561 28.0891 56.2697 28.4515C56.7832 28.814 57.3976 29.0061 58.0261 29.0006C58.6546 28.9951 59.2656 28.7924 59.7727 28.4211L60.3631 29.2273Z" stroke="#945DED" stroke-width="2" mask="url(#path-12-inside-3_4722_201730)"/>
<circle cx="76" cy="26" r="3.5" stroke="#F4EFF7"/>
<mask id="path-14-inside-4_4722_201730" fill="white">
<path d="M78.3631 29.2273C77.6871 29.7223 76.8726 29.9926 76.0348 29.9998C75.1969 30.0071 74.378 29.7511 73.6934 29.268C73.0089 28.7848 72.4933 28.0989 72.2196 27.307C71.9458 26.5151 71.9276 25.6572 72.1676 24.8544L73.125 25.1406C72.945 25.7428 72.9586 26.3864 73.164 26.9805C73.3694 27.5745 73.7561 28.0891 74.2697 28.4515C74.7832 28.814 75.3976 29.0061 76.0261 29.0006C76.6546 28.9951 77.2656 28.7924 77.7727 28.4211L78.3631 29.2273Z"/>
</mask>
<path d="M78.3631 29.2273C77.6871 29.7223 76.8726 29.9926 76.0348 29.9998C75.1969 30.0071 74.378 29.7511 73.6934 29.268C73.0089 28.7848 72.4933 28.0989 72.2196 27.307C71.9458 26.5151 71.9276 25.6572 72.1676 24.8544L73.125 25.1406C72.945 25.7428 72.9586 26.3864 73.164 26.9805C73.3694 27.5745 73.7561 28.0891 74.2697 28.4515C74.7832 28.814 75.3976 29.0061 76.0261 29.0006C76.6546 28.9951 77.2656 28.7924 77.7727 28.4211L78.3631 29.2273Z" stroke="#945DED" stroke-width="2" mask="url(#path-14-inside-4_4722_201730)"/>
<rect x="21" y="34" width="1" height="23" rx="0.5" fill="#F4EFF7"/>
<rect x="32" y="34" width="1" height="23" rx="0.5" fill="#F4EFF7"/>
<rect x="43" y="34" width="1" height="23" rx="0.5" fill="#F4EFF7"/>
<rect x="54" y="34" width="1" height="23" rx="0.5" fill="#F4EFF7"/>
<rect x="65" y="34" width="1" height="23" rx="0.5" fill="#F4EFF7"/>
<rect x="76" y="34" width="1" height="23" rx="0.5" fill="#F4EFF7"/>
<path d="M32.5 45L21.5 40V57H76.5V41.5L65.5 34.5L54.5 47L43.5 34.5L32.5 45Z" fill="url(#paint0_linear_4722_201730)"/>
<path d="M21.5 40L32.5 45L43.5 34.5L54.5 47L65.5 34.5L76.5 41.5" stroke="#3370FF" stroke-width="0.5"/>
<circle cx="22.5" cy="40.5" r="1.5" fill="#3370FF"/>
<circle cx="32.5" cy="44.5" r="1.5" fill="#3370FF"/>
<circle cx="43.5" cy="34.5" r="1.5" fill="#3370FF"/>
<circle cx="54.5" cy="47.5" r="1.5" fill="#3370FF"/>
<circle cx="65.5" cy="34.5" r="1.5" fill="#3370FF"/>
<circle cx="76.5" cy="40.5" r="1.5" fill="#00C261"/>
<g filter="url(#filter0_d_4722_201730)">
<rect x="59" y="39" width="35" height="14" rx="1" fill="white"/>
<g filter="url(#filter1_d_4722_201730)">
<circle cx="65.9998" cy="46" r="4.2" fill="#00C261"/>
</g>
<path d="M65.9998 48.3625C67.3046 48.3625 68.3623 47.3048 68.3623 46C68.3623 44.6953 67.3046 43.6375 65.9998 43.6375C64.695 43.6375 63.6373 44.6953 63.6373 46C63.6373 47.3048 64.695 48.3625 65.9998 48.3625ZM65.9998 48.8875C64.4051 48.8875 63.1123 47.5948 63.1123 46C63.1123 44.4053 64.4051 43.1125 65.9998 43.1125C67.5945 43.1125 68.8873 44.4053 68.8873 46C68.8873 47.5948 67.5945 48.8875 65.9998 48.8875ZM65.6953 46.5985L67.0874 45.2064C67.1387 45.1552 67.2218 45.1552 67.273 45.2064L67.4587 45.392C67.5099 45.4433 67.5099 45.5264 67.4587 45.5776L65.7881 47.2482C65.7369 47.2994 65.6538 47.2994 65.6025 47.2482L64.6416 46.2873C64.5904 46.2361 64.5904 46.153 64.6416 46.1017L64.8273 45.9161C64.8785 45.8648 64.9616 45.8648 65.0129 45.9161L65.6953 46.5985Z" fill="white"/>
<rect opacity="0.4" x="71.6001" y="43.2" width="8.4" height="2.8" rx="1.4" fill="#00C261"/>
<rect opacity="0.4" x="71.6001" y="47.3999" width="19.6" height="2.8" rx="1.4" fill="#00C261"/>
</g>
<g filter="url(#filter2_d_4722_201730)">
<rect x="6" y="26" width="29" height="10" rx="1" fill="white"/>
<g filter="url(#filter3_d_4722_201730)">
<circle cx="11" cy="31" r="3" fill="#F24F4F"/>
</g>
<path d="M11 32.6875C11.932 32.6875 12.6875 31.932 12.6875 31C12.6875 30.068 11.932 29.3125 11 29.3125C10.068 29.3125 9.3125 30.068 9.3125 31C9.3125 31.932 10.068 32.6875 11 32.6875ZM11 33.0625C9.86091 33.0625 8.9375 32.1391 8.9375 31C8.9375 29.8609 9.86091 28.9375 11 28.9375C12.1391 28.9375 13.0625 29.8609 13.0625 31C13.0625 32.1391 12.1391 33.0625 11 33.0625ZM11 30.7348L11.3977 30.3371C11.471 30.2639 11.5897 30.2639 11.6629 30.3371V30.3371C11.7361 30.4103 11.7361 30.529 11.6629 30.6022L11.2652 31L11.6629 31.3977C11.7361 31.471 11.7361 31.5897 11.6629 31.6629V31.6629C11.5897 31.7361 11.471 31.7361 11.3977 31.6629L11 31.2652L10.6023 31.6629C10.529 31.7361 10.4103 31.7361 10.3371 31.6629V31.6629C10.2639 31.5897 10.2639 31.471 10.3371 31.3977L10.7348 31L10.3371 30.6022C10.2639 30.529 10.2639 30.4103 10.3371 30.3371V30.3371C10.4103 30.2639 10.529 30.2639 10.6023 30.3371L11 30.7348Z" fill="white"/>
<rect opacity="0.4" x="15" y="29" width="6" height="2" rx="1" fill="#F24F4F"/>
<rect opacity="0.4" x="15" y="32" width="14" height="2" rx="1" fill="#F24F4F"/>
</g>
<defs>
<filter id="filter0_d_4722_201730" x="57" y="39" width="43" height="22" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_201730"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_201730" result="shape"/>
</filter>
<filter id="filter1_d_4722_201730" x="61.7998" y="41.8" width="10.3999" height="10.3999" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.443245 0 0 0 0 0.221623 0 0 0 0.14 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_201730"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_201730" result="shape"/>
</filter>
<filter id="filter2_d_4722_201730" x="4" y="26" width="37" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_201730"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_201730" result="shape"/>
</filter>
<filter id="filter3_d_4722_201730" x="8" y="28" width="8" height="8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.391846 0 0 0 0 0.00690705 0 0 0 0 0.00690705 0 0 0 0.11 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_201730"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_201730" result="shape"/>
</filter>
<linearGradient id="paint0_linear_4722_201730" x1="49" y1="34.5" x2="49" y2="57" gradientUnits="userSpaceOnUse">
<stop stop-color="#3370FF" stop-opacity="0.37"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

100
frontend/src/assets/svg/link-case-img.svg Normal file
View File

@ -0,0 +1,100 @@
<svg width="100" height="69" viewBox="0 0 100 69" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_4722_201731)">
<path d="M7 10C7 8.89543 7.89543 8 9 8H87C88.1046 8 89 8.89543 89 10V15H7V10Z" fill="#E9E8EC"/>
<path d="M7 15H89V61C89 62.1046 88.1046 63 87 63H9C7.89543 63 7 62.1046 7 61V15Z" fill="#FDF9FF"/>
<circle cx="13.5615" cy="11.5" r="1.5" fill="#ED0303"/>
<circle cx="19.5615" cy="11.5" r="1.5" fill="#FFA200"/>
<circle cx="25.5615" cy="11.5" r="1.5" fill="#00C261"/>
<rect x="10" y="20" width="31" height="38" rx="2" fill="#F4EFF7"/>
<circle cx="18.5" cy="25.5" r="1.5" fill="white"/>
<rect x="13" y="29" width="11" height="1" rx="0.5" fill="white"/>
<rect x="13" y="35" width="25" height="1" rx="0.5" fill="white"/>
<rect x="13" y="41" width="25" height="1" rx="0.5" fill="white"/>
<rect x="13" y="47" width="25" height="1" rx="0.5" fill="white"/>
<rect x="13" y="53" width="25" height="1" rx="0.5" fill="white"/>
<rect opacity="0.2" x="44" y="20" width="19" height="7" rx="1" fill="#00A552"/>
<g opacity="0.9">
<circle cx="47.5" cy="23.5" r="1.5" fill="white"/>
<rect x="50" y="24" width="11" height="1" rx="0.5" fill="white"/>
<rect x="50" y="22" width="11" height="1" rx="0.5" fill="white"/>
</g>
<rect opacity="0.2" x="67" y="20" width="19" height="7" rx="1" fill="#3370FF"/>
<g opacity="0.9">
<circle cx="70.5" cy="23.5" r="1.5" fill="white"/>
<rect x="73" y="24" width="11" height="1" rx="0.5" fill="white"/>
<rect x="73" y="22" width="11" height="1" rx="0.5" fill="white"/>
</g>
<path d="M46 43.1177C46 42.5654 46.4477 42.1177 47 42.1177H48C48.5523 42.1177 49 42.5654 49 43.1177V58H46V43.1177Z" fill="#D7C1F8"/>
<path opacity="0.4" d="M51 49.2263C51 48.674 51.4477 48.2263 52 48.2263H53C53.5523 48.2263 54 48.674 54 49.2263V58.0001H51V49.2263Z" fill="#00C261"/>
<path opacity="0.4" d="M61 32C61 31.4477 61.4477 31 62 31H63C63.5523 31 64 31.4477 64 32V58H61V32Z" fill="#A171EF"/>
<path d="M66 42.3845C66 41.8322 66.4477 41.3845 67 41.3845H68C68.5523 41.3845 69 41.8322 69 42.3845V57.9999H66V42.3845Z" fill="#DAF2E9"/>
<path d="M77 32C77 31.4477 77.4477 31 78 31H79C79.5523 31 80 31.4477 80 32V58H77V32Z" fill="#D7C1F8"/>
<path d="M82 42.3845C82 41.8322 82.4477 41.3845 83 41.3845H84C84.5523 41.3845 85 41.8322 85 42.3845V57.9999H82V42.3845Z" fill="#DAF2E9"/>
<path d="M46.5 51L59.5325 42.7944C59.8234 42.6112 60.1881 42.5903 60.498 42.7391L71.9771 48.249C72.3005 48.4042 72.6822 48.3743 72.9775 48.1707L87 38.5" stroke="#00C261" stroke-width="0.5"/>
<g filter="url(#filter1_d_4722_201731)">
<rect x="2" y="24" width="35" height="30" rx="1" fill="#00C261"/>
<rect x="5.80469" y="29" width="14.4565" height="6" rx="1" fill="white"/>
<path d="M16.3008 30.2871H18.6519V30.7371H16.8349V31.6281H18.5423V32.0781H16.8349V33.0501H18.7295V33.5001H16.3008V30.2871Z" fill="#00C261"/>
<path d="M14.4776 30.2241C14.8611 30.2241 15.1624 30.3006 15.3769 30.4581C15.6052 30.6246 15.7376 30.8856 15.7695 31.2366H15.24C15.1943 31.0386 15.1076 30.8946 14.9889 30.8091C14.8702 30.7191 14.6876 30.6786 14.4502 30.6786C14.2447 30.6786 14.0895 30.7056 13.98 30.7641C13.843 30.8316 13.7791 30.9441 13.7791 31.0971C13.7791 31.2321 13.8521 31.3446 14.0074 31.4256C14.0758 31.4616 14.263 31.5291 14.5643 31.6236C15.0071 31.7586 15.2902 31.8666 15.418 31.9386C15.7011 32.1051 15.8426 32.3346 15.8426 32.6316C15.8426 32.9196 15.7284 33.1491 15.5002 33.3156C15.2719 33.4776 14.9478 33.5631 14.5324 33.5631C14.1306 33.5631 13.8156 33.4866 13.5919 33.3336C13.318 33.1446 13.1674 32.8476 13.1445 32.4381H13.6741C13.7106 32.6811 13.7974 32.8566 13.9389 32.9601C14.0667 33.0501 14.263 33.0996 14.5324 33.0996C14.7697 33.0996 14.9615 33.0591 15.0984 32.9826C15.2354 32.9016 15.3084 32.7981 15.3084 32.6631C15.3084 32.4921 15.2034 32.3571 15.0026 32.2581C14.9387 32.2266 14.7287 32.1546 14.368 32.0466C13.9663 31.9206 13.7152 31.8306 13.6193 31.7766C13.3682 31.6281 13.245 31.4121 13.245 31.1286C13.245 30.8451 13.3637 30.6201 13.6102 30.4581C13.8384 30.3006 14.1261 30.2241 14.4776 30.2241Z" fill="#00C261"/>
<path d="M11.1555 30.2871H11.7627L13.009 33.5001H12.4383L12.1416 32.6946H10.7766L10.4798 33.5001H9.90918L11.1555 30.2871ZM10.9364 32.2626H11.9818L11.4705 30.8541H11.4522L10.9364 32.2626Z" fill="#00C261"/>
<path d="M8.30022 30.2241C8.6837 30.2241 9.00326 30.3231 9.24979 30.5211C9.48718 30.7101 9.6287 30.9711 9.67892 31.2951H9.15848C9.1037 31.0836 9.00326 30.9306 8.85261 30.8316C8.70653 30.7326 8.51935 30.6876 8.29109 30.6876C7.9487 30.6876 7.69305 30.8001 7.51957 31.0341C7.35979 31.2411 7.28218 31.5291 7.28218 31.8981C7.28218 32.2761 7.35979 32.5686 7.515 32.7711C7.68392 32.9871 7.9487 33.0996 8.30479 33.0996C8.53761 33.0996 8.72935 33.0411 8.87544 32.9331C9.03066 32.8116 9.14022 32.6271 9.20413 32.3841H9.72457C9.65153 32.7621 9.48261 33.0546 9.21326 33.2661C8.96218 33.4641 8.66087 33.5631 8.30935 33.5631C7.76609 33.5631 7.35979 33.3921 7.095 33.0591C6.86218 32.7711 6.74805 32.3841 6.74805 31.8981C6.74805 31.4211 6.86674 31.0296 7.1087 30.7326C7.38261 30.3906 7.77979 30.2241 8.30022 30.2241Z" fill="#00C261"/>
<rect opacity="0.4" x="5.80469" y="40" width="27.3913" height="2" rx="1" fill="url(#paint0_linear_4722_201731)"/>
<rect opacity="0.5" x="5.80469" y="44" width="27.3913" height="2" rx="1" fill="url(#paint1_linear_4722_201731)"/>
<rect opacity="0.7" x="5.80469" y="49" width="20.5435" height="2" rx="1" fill="url(#paint2_linear_4722_201731)"/>
</g>
<g filter="url(#filter2_d_4722_201731)">
<rect x="63" y="2" width="31" height="35" rx="1" fill="white"/>
<rect x="67" y="26" width="10" height="2" rx="1" fill="#E7D9FE"/>
<rect x="67" y="30" width="23" height="2" rx="1" fill="#AF85F3"/>
<path d="M83.0005 7.07178C81.4299 6.16498 79.5977 5.81876 77.8045 6.08988C76.0113 6.36099 74.3635 7.23335 73.1311 8.56392C71.8988 9.8945 71.1551 11.6043 71.022 13.413C70.889 15.2217 71.3744 17.0219 72.3988 18.5185C73.4231 20.0151 74.9256 21.1193 76.6598 21.6499C78.394 22.1805 80.2571 22.1062 81.9435 21.439C83.6299 20.7718 85.0395 19.5514 85.9413 17.9779C86.8431 16.4045 87.1835 14.5713 86.9067 12.7789L79.0005 14L83.0005 7.07178Z" fill="url(#paint3_angular_4722_201731)"/>
</g>
</g>
<defs>
<filter id="filter0_d_4722_201731" x="0" y="0" width="100" height="69" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.285377 0 0 0 0 0 0 0 0 0 0.747168 0 0 0 0.11 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_201731"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_201731" result="shape"/>
</filter>
<filter id="filter1_d_4722_201731" x="0" y="24" width="43" height="38" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_201731"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_201731" result="shape"/>
</filter>
<filter id="filter2_d_4722_201731" x="61" y="2" width="39" height="43" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_201731"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_201731" result="shape"/>
</filter>
<linearGradient id="paint0_linear_4722_201731" x1="0.0981659" y1="41" x2="33.196" y2="41" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint1_linear_4722_201731" x1="0.0981659" y1="45" x2="33.196" y2="45" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint2_linear_4722_201731" x1="1.5248" y1="50" x2="26.3482" y2="50" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<radialGradient id="paint3_angular_4722_201731" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(79.0005 14) rotate(-46.6075) scale(7.84983)">
<stop stop-color="#945DED"/>
<stop offset="1" stop-color="#F0E7FF"/>
</radialGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.9 KiB

70
frontend/src/assets/svg/my-created-bug-img.svg Normal file
View File

@ -0,0 +1,70 @@
<svg width="106" height="78" viewBox="0 0 106 78" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.8" cx="30" cy="30" r="30" fill="#E9E8EC" fill-opacity="0.5"/>
<g filter="url(#filter0_d_4780_207368)">
<path d="M6 9.67833C6 8.49199 6.90649 7.53027 8.02469 7.53027H85.9753C87.0935 7.53027 88 8.49199 88 9.67833V15.0485H6V9.67833Z" fill="#E9E8EC"/>
<path d="M6 15.1433H88V64.5487C88 65.735 87.0935 66.6967 85.9753 66.6967H8.02469C6.90648 66.6967 6 65.735 6 64.5487V15.1433Z" fill="white"/>
<path d="M11.0361 11.2437C11.0361 12.0721 10.3646 12.7437 9.53613 12.7437C8.70771 12.7437 8.03613 12.0721 8.03613 11.2437C8.03613 10.4152 8.70771 9.74365 9.53613 9.74365C10.3646 9.74365 11.0361 10.4152 11.0361 11.2437Z" fill="#ED0303"/>
<path d="M17.0361 11.2437C17.0361 12.0721 16.3646 12.7437 15.5361 12.7437C14.7077 12.7437 14.0361 12.0721 14.0361 11.2437C14.0361 10.4152 14.7077 9.74365 15.5361 9.74365C16.3646 9.74365 17.0361 10.4152 17.0361 11.2437Z" fill="#FFA200"/>
<path d="M23.0361 11.2437C23.0361 12.0721 22.3646 12.7437 21.5361 12.7437C20.7077 12.7437 20.0361 12.0721 20.0361 11.2437C20.0361 10.4152 20.7077 9.74365 21.5361 9.74365C22.3646 9.74365 23.0361 10.4152 23.0361 11.2437Z" fill="#00C261"/>
</g>
<rect x="10" y="21.5151" width="39" height="4.30303" rx="1" fill="#F4F4F6"/>
<rect x="10" y="44.106" width="39" height="4.30303" rx="1" fill="#F4F4F6"/>
<rect x="10" y="21.5151" width="23" height="4.30303" rx="1" fill="#00C261"/>
<rect x="10" y="44.106" width="15" height="4.30303" rx="1" fill="#ED0303"/>
<path d="M13.72 28.6781H14.72V33.3981H15.8V34.2681H14.72V35.8181H13.68V34.2681H10.2V33.2381L13.72 28.6781ZM13.65 30.0581L11.09 33.3981H13.68V30.0581H13.65ZM19.0961 28.5381C20.4761 28.5381 21.2661 29.1781 21.4461 30.4781H20.3861C20.2361 29.7781 19.8061 29.4381 19.0861 29.4381C18.5861 29.4381 18.1961 29.6781 17.9061 30.1681C17.6161 30.6281 17.4761 31.1981 17.4761 31.8981C17.4761 31.9281 17.4761 31.9681 17.4861 32.0281H17.5261C17.7261 31.7081 17.9761 31.4781 18.2861 31.3281C18.5661 31.1781 18.8961 31.1081 19.2761 31.1081C19.9761 31.1081 20.5361 31.3281 20.9561 31.7681C21.3661 32.2181 21.5761 32.7981 21.5761 33.4981C21.5761 34.2081 21.3361 34.7981 20.8661 35.2581C20.3861 35.7181 19.7861 35.9581 19.0861 35.9581C18.2061 35.9581 17.5461 35.6381 17.0861 34.9981C16.6461 34.3881 16.4261 33.5381 16.4261 32.4481C16.4261 31.2881 16.6561 30.3481 17.1361 29.6281C17.6161 28.8981 18.2761 28.5381 19.0961 28.5381ZM19.0561 31.9881C18.6061 31.9881 18.2561 32.1281 17.9961 32.4081C17.7361 32.6881 17.6061 33.0581 17.6061 33.5281C17.6061 33.9881 17.7361 34.3581 18.0061 34.6381C18.2661 34.9181 18.6161 35.0581 19.0461 35.0581C19.4861 35.0581 19.8361 34.9081 20.0961 34.6181C20.3661 34.3181 20.5061 33.9481 20.5061 33.4981C20.5061 33.0381 20.3761 32.6681 20.1161 32.4081C19.8561 32.1281 19.4961 31.9881 19.0561 31.9881Z" fill="black"/>
<path d="M13.07 51.1289C13.79 51.1289 14.36 51.2989 14.8 51.6489C15.22 51.9989 15.44 52.4789 15.44 53.0889C15.44 53.8689 15.04 54.3989 14.26 54.6589C14.68 54.7889 15 54.9889 15.22 55.2489C15.46 55.5189 15.58 55.8689 15.58 56.2889C15.58 56.9489 15.35 57.4889 14.9 57.9089C14.42 58.3289 13.79 58.5489 13.03 58.5489C12.3 58.5489 11.71 58.3589 11.27 57.9889C10.77 57.5689 10.49 56.9589 10.43 56.1589H11.53C11.55 56.6389 11.7 57.0089 12 57.2689C12.26 57.5089 12.6 57.6289 13.02 57.6289C13.48 57.6289 13.85 57.4889 14.13 57.2289C14.37 56.9889 14.5 56.6989 14.5 56.3389C14.5 55.9189 14.37 55.6089 14.11 55.4089C13.87 55.2089 13.51 55.1089 13.04 55.1089H12.52V54.2889H13.03C13.47 54.2889 13.8 54.1889 14.02 53.9989C14.24 53.8089 14.36 53.5289 14.36 53.1689C14.36 52.8089 14.25 52.5389 14.05 52.3489C13.83 52.1489 13.5 52.0589 13.08 52.0589C12.65 52.0589 12.31 52.1689 12.07 52.3889C11.83 52.6089 11.68 52.9389 11.64 53.3789H10.57C10.63 52.6689 10.89 52.1189 11.36 51.7189C11.8 51.3189 12.37 51.1289 13.07 51.1289ZM19.1061 51.1289C19.7861 51.1289 20.3561 51.3189 20.7961 51.7189C21.2261 52.1189 21.4461 52.6289 21.4461 53.2589C21.4461 53.8789 21.2061 54.4389 20.7461 54.9489C20.4661 55.2389 19.9761 55.6189 19.2661 56.0989C18.4961 56.6089 18.0361 57.0589 17.8861 57.4489H21.4561V58.4089H16.5361C16.5361 57.6989 16.7661 57.0789 17.2461 56.5389C17.5061 56.2289 18.0461 55.7989 18.8561 55.2389C19.3361 54.8989 19.6761 54.6289 19.8761 54.4189C20.1961 54.0589 20.3661 53.6689 20.3661 53.2489C20.3661 52.8489 20.2561 52.5489 20.0361 52.3489C19.8161 52.1489 19.4861 52.0489 19.0661 52.0489C18.6161 52.0489 18.2761 52.1989 18.0461 52.5089C17.8061 52.8089 17.6861 53.2389 17.6661 53.8189H16.5761C16.5861 53.0189 16.8161 52.3789 17.2661 51.8989C17.7261 51.3789 18.3461 51.1289 19.1061 51.1289Z" fill="black"/>
<path d="M53 60.2424L55.549 54.4499L58.6078 57.7599L61.6667 52.7949L65.7451 54.4499L70.3333 49.4849L75.4314 52.7949L79 49.4849" stroke="#ED0303" stroke-width="0.5"/>
<path d="M55.549 54.6485L53 60.6727V66.697H79V49.4849L75.4314 52.9273L70.3333 49.4849L65.7451 54.6485L61.6667 52.9273L58.6078 58.0909L55.549 54.6485Z" fill="url(#paint0_linear_4780_207368)"/>
<g filter="url(#filter1_d_4780_207368)">
<rect width="20" height="21.5152" rx="1" transform="matrix(1 0 0 -1 80 71)" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M88.5751 62.6959H87.6248V59.8846V59.629C87.6248 59.2571 87.7302 58.4676 88.1416 57.7884C88.481 57.2283 89.0403 56.7186 90.0005 56.5921V62.6959H88.5751ZM90.9508 62.6959V56.5919C91.9123 56.7175 92.4714 57.224 92.8101 57.7812C93.2209 58.4569 93.3266 59.2458 93.3266 59.629V59.8846V62.6959H92.3763H90.9508ZM92.8502 63.7182H93.6049L94.8912 65.1019C95.0768 65.3015 95.3776 65.3015 95.5632 65.1019C95.7487 64.9023 95.7487 64.5787 95.5632 64.379L94.2769 62.9953V60.3957H95.2272C95.4896 60.3957 95.7023 60.1669 95.7023 59.8846C95.7023 59.6023 95.4896 59.3734 95.2272 59.3734H94.2677C94.2301 58.8235 94.0681 57.9885 93.6124 57.2331L94.8504 55.9013C95.036 55.7017 95.036 55.378 94.8504 55.1784C94.6649 54.9788 94.364 54.9788 94.1785 55.1784L92.9892 56.4578C92.4091 55.9155 91.5938 55.5398 90.4757 55.5398C89.3586 55.5398 88.5442 55.9173 87.9646 56.4604L86.7729 55.1784C86.5873 54.9788 86.2865 54.9788 86.1009 55.1784C85.9154 55.378 85.9154 55.7017 86.1009 55.9013L87.3419 57.2362C86.8853 57.9929 86.7222 58.8282 86.684 59.3734H85.7242C85.4618 59.3734 85.249 59.6023 85.249 59.8846C85.249 60.1669 85.4618 60.3957 85.7242 60.3957H86.6745V62.9953L85.3882 64.379C85.2026 64.5787 85.2026 64.9023 85.3882 65.1019C85.5737 65.3015 85.8746 65.3015 86.0602 65.1019L87.3464 63.7182H88.1012C88.1414 65.1188 89.1718 66.2739 90.4757 66.2739C91.7795 66.2739 92.8099 65.1188 92.8502 63.7182ZM91.8992 63.7182C91.8599 64.5902 91.2208 65.2516 90.4757 65.2516C89.7306 65.2516 89.0914 64.5902 89.0521 63.7182H90.4757H91.8992Z" fill="#F02929"/>
</g>
<g filter="url(#filter2_d_4780_207368)">
<rect x="51" width="49" height="41.9545" rx="1" fill="white"/>
<rect x="55.21" y="4.54541" width="9.82481" height="4.54525" rx="1" fill="#E9E8EC"/>
<rect opacity="0.4" x="67.8428" y="4.54541" width="28.0709" height="4.54525" rx="1" fill="#E9E8EC"/>
<rect x="55.21" y="13.6353" width="9.82481" height="4.54525" rx="1" fill="#E9E8EC"/>
<rect opacity="0.4" x="67.8428" y="13.6353" width="28.0709" height="4.54525" rx="1" fill="#E9E8EC"/>
<rect x="56.6133" y="27.7009" width="4.21063" height="7.57541" fill="#E5F9EF"/>
<rect x="65.0352" y="21.6404" width="4.21063" height="13.6357" fill="#00C261"/>
<rect x="73.4561" y="24.6709" width="4.21063" height="10.6056" fill="#E5F9EF"/>
<rect x="81.8779" y="27.7009" width="4.21063" height="7.57541" fill="#26CB79"/>
<rect x="90.3008" y="27.7009" width="4.21063" height="7.57541" fill="#E5F9EF"/>
</g>
<defs>
<filter id="filter0_d_4780_207368" x="2" y="7.53027" width="90" height="67.1665" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4780_207368"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4780_207368" result="shape"/>
</filter>
<filter id="filter1_d_4780_207368" x="78" y="48.4849" width="28" height="29.5151" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="3"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.218229 0 0 0 0 0.144106 0 0 0 0 0.014989 0 0 0 0.06 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4780_207368"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4780_207368" result="shape"/>
</filter>
<filter id="filter2_d_4780_207368" x="47" y="0" width="57" height="49.9546" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4780_207368"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4780_207368" result="shape"/>
</filter>
<linearGradient id="paint0_linear_4780_207368" x1="66" y1="37.4364" x2="66" y2="66.697" gradientUnits="userSpaceOnUse">
<stop stop-color="#ED0303"/>
<stop offset="1" stop-color="white" stop-opacity="0"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 9.7 KiB

97
frontend/src/assets/svg/my-created-project-img.svg Normal file
View File

@ -0,0 +1,97 @@
<svg width="103" height="72" viewBox="0 0 103 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_4722_201729)">
<path d="M10 8C10 6.89543 10.8954 6 12 6H89C90.1046 6 91 6.89543 91 8V13H10V8Z" fill="#E9E8EC"/>
<path d="M10 13H91V59C91 60.1046 90.1046 61 89 61H12C10.8954 61 10 60.1046 10 59V13Z" fill="#FDF9FF"/>
<rect x="18" y="53" width="66" height="1" rx="0.1" fill="#F4EFF7"/>
<circle cx="16.5" cy="9.5" r="1.5" fill="#ED0303"/>
<circle cx="22.5" cy="9.5" r="1.5" fill="#FFA200"/>
<circle cx="28.5" cy="9.5" r="1.5" fill="#00C261"/>
<rect opacity="0.2" x="14" y="18" width="19" height="7" rx="1" fill="#945DED"/>
<g opacity="0.9">
<circle cx="17.5" cy="21.5" r="1.5" fill="white"/>
<rect x="20" y="22" width="11" height="1" rx="0.5" fill="white"/>
<rect x="20" y="20" width="11" height="1" rx="0.5" fill="white"/>
</g>
<rect opacity="0.2" x="37" y="18" width="19" height="7" rx="1" fill="#00A552"/>
<g opacity="0.9">
<circle cx="40.5" cy="21.5" r="1.5" fill="white"/>
<rect x="43" y="22" width="11" height="1" rx="0.5" fill="white"/>
<rect x="43" y="20" width="11" height="1" rx="0.5" fill="white"/>
</g>
<rect opacity="0.2" x="60" y="18" width="19" height="7" rx="1" fill="#3370FF"/>
<g opacity="0.9">
<circle cx="63.5" cy="21.5" r="1.5" fill="white"/>
<rect x="66" y="22" width="11" height="1" rx="0.5" fill="white"/>
<rect x="66" y="20" width="11" height="1" rx="0.5" fill="white"/>
</g>
<path d="M24 41C24 40.4477 24.4477 40 25 40H26C26.5523 40 27 40.4477 27 41V53H24V41Z" fill="#D7C1F8"/>
<path d="M29 46C29 45.4477 29.4477 45 30 45H31C31.5523 45 32 45.4477 32 46V53H29V46Z" fill="#DAF2E9"/>
<path d="M39 44C39 43.4477 39.4477 43 40 43H41C41.5523 43 42 43.4477 42 44V53H39V44Z" fill="#D7C1F8"/>
<path d="M44 47.8462C44 47.2939 44.4477 46.8462 45 46.8462H46C46.5523 46.8462 47 47.2939 47 47.8462V53H44V47.8462Z" fill="#00C261"/>
<path d="M54 37C54 36.4477 54.4477 36 55 36H56C56.5523 36 57 36.4477 57 37V53H54V37Z" fill="#A171EF"/>
<path d="M59 43.5383C59 42.986 59.4477 42.5383 60 42.5383H61C61.5523 42.5383 62 42.986 62 43.5383V52.9999H59V43.5383Z" fill="#DAF2E9"/>
<path d="M70 37C70 36.4477 70.4477 36 71 36H72C72.5523 36 73 36.4477 73 37V53H70V37Z" fill="#D7C1F8"/>
<path d="M75 43.5383C75 42.986 75.4477 42.5383 76 42.5383H77C77.5523 42.5383 78 42.986 78 43.5383V52.9999H75V43.5383Z" fill="#DAF2E9"/>
<g filter="url(#filter1_d_4722_201729)">
<rect x="4" y="37" width="27" height="18" rx="1" fill="#945DED"/>
<rect x="7" y="40" width="8" height="2" rx="1" fill="#F4EFF7"/>
<rect x="7" y="44" width="21" height="2" rx="1" fill="#F4EFF7"/>
<rect x="7" y="48" width="21" height="2" rx="1" fill="#F4EFF7"/>
</g>
<g filter="url(#filter2_d_4722_201729)">
<rect x="61" y="12" width="36" height="28" rx="1" fill="white"/>
<rect x="74" y="15" width="11" height="2" rx="1" fill="#F4EFF7"/>
<rect x="67" y="20" width="24" height="2" rx="1" fill="#F4EFF7"/>
<rect x="67" y="25" width="24" height="2" rx="1" fill="#F4EFF7"/>
<rect x="67" y="30" width="24" height="2" rx="1" fill="#F4EFF7"/>
<rect x="67" y="35" width="24" height="2" rx="1" fill="#F4EFF7"/>
</g>
<g filter="url(#filter3_d_4722_201729)">
<circle cx="85.5" cy="54.5" r="9.5" fill="#FDF9FF"/>
<circle cx="85.5" cy="54.5" r="9" stroke="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M84.8335 54.0001C83.2235 54.0001 81.9168 52.6943 81.9168 51.0834C81.9168 49.4725 83.2235 48.1667 84.8335 48.1667C86.4435 48.1667 87.7502 49.4725 87.7502 51.0834C87.7502 52.6943 86.4435 54.0001 84.8335 54.0001ZM84.8335 52.8334C85.7995 52.8334 86.5835 52.0496 86.5835 51.0834C86.5835 50.1172 85.7995 49.3334 84.8335 49.3334C83.8675 49.3334 83.0835 50.1172 83.0835 51.0834C83.0835 52.0496 83.8675 52.8334 84.8335 52.8334ZM79.5835 58.0834C79.5835 56.1505 81.1497 54.5834 83.0835 54.5834H86.5835C88.5172 54.5834 90.0835 56.1505 90.0835 58.0834V59.5643C90.0835 59.8865 89.821 60.1476 89.5002 60.1476H80.1668C79.846 60.1476 79.5835 59.8865 79.5835 59.5643V58.0834ZM88.9168 58.0834C88.9168 56.7945 87.8726 55.7501 86.5835 55.7501H83.0835C81.7944 55.7501 80.7502 56.7945 80.7502 58.0834V58.9809H88.9168V58.0834ZM89.2085 52.2501H92.1252C92.2862 52.2501 92.4168 52.3807 92.4168 52.5417V53.1251C92.4168 53.2862 92.2862 53.4167 92.1252 53.4167H89.2085C89.0474 53.4167 88.9168 53.2862 88.9168 53.1251V52.5417C88.9168 52.3807 89.0474 52.2501 89.2085 52.2501ZM90.9585 54.5834H92.1252C92.2862 54.5834 92.4168 54.714 92.4168 54.8751V55.4584C92.4168 55.6195 92.2862 55.7501 92.1252 55.7501H90.9585C90.7974 55.7501 90.6668 55.6195 90.6668 55.4584V54.8751C90.6668 54.714 90.7974 54.5834 90.9585 54.5834Z" fill="#945DED"/>
</g>
<defs>
<filter id="filter0_d_4722_201729" x="-2" y="-2" width="108" height="78" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.285377 0 0 0 0 0 0 0 0 0 0.747168 0 0 0 0.11 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_201729"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_201729" result="shape"/>
</filter>
<filter id="filter1_d_4722_201729" x="2" y="37" width="35" height="26" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.242617 0 0 0 0 0.0117542 0 0 0 0 0.616195 0 0 0 0.23 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_201729"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_201729" result="shape"/>
</filter>
<filter id="filter2_d_4722_201729" x="59" y="12" width="44" height="36" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_201729"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_201729" result="shape"/>
</filter>
<filter id="filter3_d_4722_201729" x="74" y="45" width="27" height="27" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_201729"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_201729" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 7.3 KiB

81
frontend/src/assets/svg/project-overview-img.svg Normal file
View File

@ -0,0 +1,81 @@
<svg width="102" height="69" viewBox="0 0 102 69" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.8" cx="25.5" cy="25.5" r="25.5" fill="#E9E8EC" fill-opacity="0.5"/>
<path d="M14 6C14 4.89543 14.8954 4 16 4H84C85.1046 4 86 4.89543 86 6V50H14V6Z" fill="#DFDEE4"/>
<path d="M14 50H86V56C86 57.1046 85.1046 58 84 58H16C14.8954 58 14 57.1046 14 56V50Z" fill="#F2F2F4"/>
<circle cx="50.5" cy="53.5" r="1.5" fill="#D4D3D7"/>
<rect x="17" y="7" width="66" height="40" rx="1" fill="white"/>
<rect x="17" y="14" width="66" height="1" rx="0.1" fill="#F4EFF7"/>
<circle cx="22.5" cy="10.5" r="1.5" fill="#ED0303"/>
<circle cx="28.5" cy="10.5" r="1.5" fill="#FFA200"/>
<circle cx="34.5" cy="10.5" r="1.5" fill="#00C261"/>
<rect x="19" y="17" width="15" height="28" rx="1" fill="#F4EFF7"/>
<circle cx="26.5" cy="22.5" r="1.5" fill="white"/>
<rect x="21" y="26" width="11" height="1" rx="0.5" fill="white"/>
<rect x="21" y="29" width="11" height="1" rx="0.5" fill="white"/>
<rect x="21" y="32" width="11" height="1" rx="0.5" fill="white"/>
<rect x="21" y="35" width="11" height="1" rx="0.5" fill="white"/>
<rect x="21" y="38" width="5" height="1" rx="0.5" fill="white"/>
<rect x="37" y="32" width="1" height="13" rx="0.5" fill="#F4EFF7"/>
<rect x="49" y="32" width="1" height="13" rx="0.5" fill="#F4EFF7"/>
<rect x="59" y="32" width="1" height="13" rx="0.5" fill="#F4EFF7"/>
<rect x="69" y="32" width="1" height="13" rx="0.5" fill="#F4EFF7"/>
<rect x="79" y="32" width="1" height="13" rx="0.5" fill="#F4EFF7"/>
<path d="M48.3824 35L37 41.8421V45H80V35L69.8824 40.2632L59.7647 41.8421L48.3824 35Z" fill="url(#paint0_linear_4722_201728)"/>
<path d="M37 42L48.3824 35L59.7647 42L69.8824 40.3846L80 35" stroke="#945DED" stroke-width="0.5"/>
<circle cx="40" cy="21" r="3.5" stroke="#F4EFF7"/>
<mask id="path-25-inside-1_4722_201728" fill="white">
<path d="M40 17C40.9074 17 41.7879 17.3086 42.4969 17.875C43.2058 18.4414 43.7011 19.2321 43.9014 20.1172C44.1016 21.0022 43.995 21.9291 43.599 22.7456C43.203 23.562 42.5412 24.2196 41.7221 24.6103L41.2919 23.7083C41.9063 23.4153 42.4028 22.922 42.6999 22.3095C42.997 21.697 43.0769 21.0017 42.9267 20.3377C42.7765 19.6738 42.4049 19.0806 41.8731 18.6557C41.3413 18.2308 40.6807 17.9993 40 17.9993L40 17Z"/>
</mask>
<path d="M40 17C40.9074 17 41.7879 17.3086 42.4969 17.875C43.2058 18.4414 43.7011 19.2321 43.9014 20.1172C44.1016 21.0022 43.995 21.9291 43.599 22.7456C43.203 23.562 42.5412 24.2196 41.7221 24.6103L41.2919 23.7083C41.9063 23.4153 42.4028 22.922 42.6999 22.3095C42.997 21.697 43.0769 21.0017 42.9267 20.3377C42.7765 19.6738 42.4049 19.0806 41.8731 18.6557C41.3413 18.2308 40.6807 17.9993 40 17.9993L40 17Z" stroke="#945DED" stroke-width="2" mask="url(#path-25-inside-1_4722_201728)"/>
<circle cx="58" cy="21" r="3.5" stroke="#F4EFF7"/>
<mask id="path-27-inside-2_4722_201728" fill="white">
<path d="M58 17C58.6578 17 59.3055 17.1622 59.8856 17.4723C60.4657 17.7824 60.9604 18.2308 61.3259 18.7777C61.6913 19.3247 61.9163 19.9533 61.9807 20.6079C62.0452 21.2626 61.9472 21.923 61.6955 22.5307C61.4438 23.1385 61.0461 23.6747 60.5376 24.092C60.0291 24.5093 59.4255 24.7948 58.7804 24.9231C58.1352 25.0515 57.4683 25.0187 56.8389 24.8278C56.2094 24.6368 55.6367 24.2936 55.1716 23.8284L55.8782 23.1218C56.2271 23.4707 56.6567 23.7282 57.1289 23.8715C57.6012 24.0147 58.1014 24.0393 58.5854 23.943C59.0694 23.8468 59.5222 23.6326 59.9036 23.3196C60.2851 23.0065 60.5834 22.6042 60.7723 22.1483C60.9611 21.6924 61.0346 21.197 60.9862 20.7059C60.9379 20.2148 60.7691 19.7432 60.495 19.3329C60.2208 18.9226 59.8497 18.5862 59.4145 18.3536C58.9793 18.121 58.4935 17.9993 58 17.9993L58 17Z"/>
</mask>
<path d="M58 17C58.6578 17 59.3055 17.1622 59.8856 17.4723C60.4657 17.7824 60.9604 18.2308 61.3259 18.7777C61.6913 19.3247 61.9163 19.9533 61.9807 20.6079C62.0452 21.2626 61.9472 21.923 61.6955 22.5307C61.4438 23.1385 61.0461 23.6747 60.5376 24.092C60.0291 24.5093 59.4255 24.7948 58.7804 24.9231C58.1352 25.0515 57.4683 25.0187 56.8389 24.8278C56.2094 24.6368 55.6367 24.2936 55.1716 23.8284L55.8782 23.1218C56.2271 23.4707 56.6567 23.7282 57.1289 23.8715C57.6012 24.0147 58.1014 24.0393 58.5854 23.943C59.0694 23.8468 59.5222 23.6326 59.9036 23.3196C60.2851 23.0065 60.5834 22.6042 60.7723 22.1483C60.9611 21.6924 61.0346 21.197 60.9862 20.7059C60.9379 20.2148 60.7691 19.7432 60.495 19.3329C60.2208 18.9226 59.8497 18.5862 59.4145 18.3536C58.9793 18.121 58.4935 17.9993 58 17.9993L58 17Z" stroke="#945DED" stroke-width="2" mask="url(#path-27-inside-2_4722_201728)"/>
<circle cx="76" cy="21" r="3.5" stroke="#F4EFF7"/>
<mask id="path-29-inside-3_4722_201728" fill="white">
<path d="M78.3631 24.2273C77.6871 24.7223 76.8726 24.9926 76.0348 24.9998C75.1969 25.0071 74.378 24.7511 73.6934 24.268C73.0089 23.7848 72.4933 23.0989 72.2196 22.307C71.9458 21.5151 71.9276 20.6572 72.1676 19.8544L73.125 20.1406C72.945 20.7428 72.9586 21.3864 73.164 21.9805C73.3694 22.5745 73.7561 23.0891 74.2697 23.4515C74.7832 23.814 75.3976 24.0061 76.0261 24.0006C76.6546 23.9951 77.2656 23.7924 77.7727 23.4211L78.3631 24.2273Z"/>
</mask>
<path d="M78.3631 24.2273C77.6871 24.7223 76.8726 24.9926 76.0348 24.9998C75.1969 25.0071 74.378 24.7511 73.6934 24.268C73.0089 23.7848 72.4933 23.0989 72.2196 22.307C71.9458 21.5151 71.9276 20.6572 72.1676 19.8544L73.125 20.1406C72.945 20.7428 72.9586 21.3864 73.164 21.9805C73.3694 22.5745 73.7561 23.0891 74.2697 23.4515C74.7832 23.814 75.3976 24.0061 76.0261 24.0006C76.6546 23.9951 77.2656 23.7924 77.7727 23.4211L78.3631 24.2273Z" stroke="#945DED" stroke-width="2" mask="url(#path-29-inside-3_4722_201728)"/>
<path d="M41 58H59L61 65H39L41 58Z" fill="url(#paint1_linear_4722_201728)"/>
<rect x="34" y="65" width="32" height="2" rx="1" fill="#E9E8EC"/>
<g filter="url(#filter0_d_4722_201728)">
<circle cx="86" cy="12" r="10" fill="#945DED"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M78.6665 12.0001C78.6665 7.94999 81.9497 4.66675 85.9998 4.66675C87.338 4.66675 88.5943 5.02578 89.6756 5.6532C89.994 5.838 90.1024 6.24596 89.9176 6.56442C89.7328 6.88287 89.3248 6.99123 89.0064 6.80643C88.1229 6.2938 87.0967 6.00008 85.9998 6.00008C82.6861 6.00008 79.9998 8.68637 79.9998 12.0001C79.9998 15.3138 82.6861 18.0001 85.9998 18.0001C89.3135 18.0001 91.9998 15.3138 91.9998 12.0001C91.9998 10.9108 91.7102 9.89114 91.2041 9.01188C91.0204 8.69278 91.1302 8.28519 91.4493 8.10152C91.7684 7.91785 92.176 8.02764 92.3597 8.34675C92.9791 9.42295 93.3332 10.6712 93.3332 12.0001C93.3332 16.0502 90.0499 19.3334 85.9998 19.3334C81.9497 19.3334 78.6665 16.0502 78.6665 12.0001Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M89.2741 9.58404L88.6498 9.3502L88.4159 8.72589C88.6607 8.63422 88.9364 8.694 89.1212 8.8788C89.306 9.06359 89.3657 9.33931 89.2741 9.58404ZM87.4565 10.5434C87.4171 10.56 87.3775 10.5767 87.3376 10.5936C86.934 10.7649 86.5233 10.9484 86.186 11.1181C86.0172 11.2031 85.8741 11.2809 85.7629 11.3488C85.7076 11.3826 85.6643 11.4113 85.632 11.4349C85.5997 11.4583 85.5857 11.4715 85.5857 11.4715V11.4715C85.3253 11.7318 85.3253 12.154 85.5856 12.4143C85.846 12.6747 86.2681 12.6747 86.5285 12.4143V12.4143C86.5285 12.4143 86.5417 12.4003 86.5651 12.368C86.5886 12.3357 86.6174 12.2924 86.6512 12.2371C86.719 12.1259 86.7968 11.9828 86.8818 11.8139C87.0515 11.4767 87.2351 11.066 87.4064 10.6623C87.4232 10.6225 87.44 10.5829 87.4565 10.5434ZM86.5285 12.4143V12.4143ZM88.6498 9.3502C88.4159 8.72589 88.4159 8.72589 88.4159 8.72589L88.4063 8.7295L88.38 8.73943C88.3571 8.74809 88.3237 8.76075 88.2812 8.777C88.1962 8.80948 88.0746 8.85631 87.9272 8.9141C87.6328 9.02952 87.2337 9.18934 86.8169 9.36617C86.4018 9.5423 85.9611 9.73868 85.5866 9.92712C85.3996 10.0212 85.2217 10.1171 85.0684 10.2106C84.9244 10.2985 84.7654 10.4062 84.6428 10.5287C83.8618 11.3097 83.8618 12.5761 84.6428 13.3571C85.4239 14.1382 86.6902 14.1382 87.4713 13.3571C87.5938 13.2346 87.7015 13.0756 87.7893 12.9316C87.8829 12.7782 87.9787 12.6003 88.0728 12.4133C88.2613 12.0389 88.4577 11.5982 88.6338 11.1831C88.8106 10.7663 88.9704 10.3671 89.0859 10.0727C89.1437 9.92534 89.1905 9.80375 89.223 9.71876C89.2392 9.67625 89.2519 9.64288 89.2605 9.61998L89.2705 9.59365L89.2741 9.58404C89.2741 9.58404 89.2741 9.58404 88.6498 9.3502Z" fill="white"/>
<g filter="url(#filter1_d_4722_201728)">
<circle cx="19" cy="53" r="7" fill="#00C261"/>
</g>
<path d="M14.6274 48.625H15.2687C16.3864 48.6322 17.16 48.7152 17.6172 48.8867C18.2506 49.1243 18.8648 49.5231 19.458 50.079L19.636 50.2504L19.8002 50.4207L19.9609 50.5951L20.1335 50.7924L20.332 51.0282L22.34 50.9428L23.6484 53.7702L22.242 54.0727C22.5939 54.5594 22.8634 55.333 23.0794 56.4128L23.1215 56.633L23.2328 57.2285L22.6336 57.1371L22.4104 57.101C21.3878 56.9308 20.6364 56.6986 20.1461 56.3852L20.0451 56.3166L19.8911 57.1106L19.7852 57.6478L16.9488 56.3328L17.0343 54.3248L16.719 54.0565C16.5398 53.9001 16.4098 53.7798 16.2594 53.6324C15.5797 52.9496 15.1165 52.2843 14.868 51.6262C14.7345 51.2731 14.6593 50.6968 14.6346 49.8775L14.6292 49.6844L14.625 49.2717L14.6274 48.625ZM15.4876 49.4882L15.4949 49.842C15.5171 50.5729 15.5791 51.0722 15.6735 51.3218C15.8576 51.8109 16.2053 52.3282 16.7214 52.8726L16.8658 53.0218L17.0511 53.1987L17.1816 53.3172L17.4193 53.5229L17.9125 53.9362L17.8331 55.7938L19.153 56.4062L19.3593 55.3583C19.6324 54.5299 20.2015 53.8881 20.9384 53.5374L21.0786 53.4754L21.2518 53.4092L22.4158 53.1566L21.8004 51.8271L19.9416 51.9059L19.7028 51.6172C19.5715 51.458 19.4371 51.3013 19.2997 51.1474L19.1638 51L19.0254 50.8574C18.4624 50.2967 17.8897 49.9081 17.3152 49.6934C17.024 49.5839 16.467 49.5141 15.6639 49.4925L15.4882 49.4888L15.4876 49.4882ZM21.4588 54.4692L21.3048 54.3164C20.8913 54.5135 20.5516 54.8374 20.335 55.241L20.2743 55.3643L20.4289 55.5183L20.483 55.5682C20.72 55.7674 21.1646 55.9508 21.8095 56.1036L21.9743 56.1421L22.1487 56.1782L22.1072 56.0086C21.9286 55.2897 21.724 54.7934 21.5087 54.5269L21.4588 54.4698V54.4692ZM16.9242 50.5037C17.0493 50.5037 17.1576 50.5476 17.2466 50.6348C17.2895 50.675 17.3236 50.7236 17.3467 50.7777C17.3698 50.8318 17.3814 50.8901 17.3808 50.9488C17.3817 51.0077 17.3702 51.0662 17.3471 51.1204C17.324 51.1746 17.2898 51.2233 17.2466 51.2635C17.2044 51.3059 17.1541 51.3393 17.0987 51.3618C17.0433 51.3844 16.984 51.3955 16.9242 51.3946C16.8644 51.3956 16.8051 51.3846 16.7498 51.362C16.6945 51.3395 16.6443 51.3059 16.6023 51.2635C16.5592 51.2233 16.525 51.1745 16.5018 51.1204C16.4786 51.0662 16.4669 51.0078 16.4676 50.9488C16.4668 50.89 16.4784 50.8316 16.5016 50.7775C16.5248 50.7234 16.5591 50.6748 16.6023 50.6348C16.6444 50.5925 16.6946 50.5591 16.7499 50.5365C16.8052 50.514 16.8645 50.5028 16.9242 50.5037Z" fill="white"/>
<defs>
<filter id="filter0_d_4722_201728" x="74" y="0" width="28" height="28" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.234009 0 0 0 0 0 0 0 0 0 0.612679 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_201728"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_201728" result="shape"/>
</filter>
<filter id="filter1_d_4722_201728" x="12" y="46" width="16" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0.443245 0 0 0 0 0.221623 0 0 0 0.14 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_201728"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_201728" result="shape"/>
</filter>
<linearGradient id="paint0_linear_4722_201728" x1="59" y1="33" x2="59.1324" y2="47.5" gradientUnits="userSpaceOnUse">
<stop stop-color="#E5CAF9"/>
<stop offset="1" stop-color="white" stop-opacity="0.05"/>
</linearGradient>
<linearGradient id="paint1_linear_4722_201728" x1="50" y1="65.6364" x2="50" y2="57.3636" gradientUnits="userSpaceOnUse">
<stop stop-color="#F9F9FB"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

135
frontend/src/assets/svg/scenario-case-img.svg Normal file
View File

@ -0,0 +1,135 @@
<svg width="106" height="74" viewBox="0 0 106 74" fill="none" xmlns="http://www.w3.org/2000/svg">
<ellipse opacity="0.8" cx="20.1031" cy="20.3731" rx="20.1031" ry="20.3731" fill="#E9E8EC" fill-opacity="0.5"/>
<path d="M14.4336 6.1792C14.4336 5.07463 15.329 4.1792 16.4336 4.1792H86.6604C87.765 4.1792 88.6604 5.07463 88.6604 6.1792V52.2389H14.4336V6.1792Z" fill="#DFDEE4"/>
<path d="M14.4336 52.2388H88.6604V58.597C88.6604 59.7015 87.765 60.597 86.6604 60.597H16.4336C15.329 60.597 14.4336 59.7015 14.4336 58.597V52.2388Z" fill="#F2F2F4"/>
<ellipse cx="52.062" cy="55.8955" rx="1.54639" ry="1.56716" fill="#D4D3D7"/>
<rect x="17.5264" y="7.31348" width="68.0412" height="41.791" rx="1" fill="white"/>
<path d="M43.6425 21.6653C43.4527 21.6653 43.2988 21.4683 43.2988 21.2254L43.2988 19.4658C43.2988 19.2228 43.4527 19.0259 43.6425 19.0259L82.1304 19.0258C82.3202 19.0258 82.4741 19.2228 82.4741 19.4658L82.4741 21.2254C82.4741 21.4683 82.3202 21.6653 82.1304 21.6653L43.6425 21.6653Z" fill="url(#paint0_linear_4758_206002)"/>
<path d="M43.6425 26.9441C43.4527 26.9441 43.2988 26.7471 43.2988 26.5042L43.2988 24.7446C43.2988 24.5016 43.4527 24.3047 43.6425 24.3047L82.1304 24.3047C82.3202 24.3047 82.4741 24.5016 82.4741 24.7446L82.4741 26.5042C82.4741 26.7471 82.3202 26.9441 82.1304 26.9441L43.6425 26.9441Z" fill="url(#paint1_linear_4758_206002)"/>
<path d="M43.6425 32.2231C43.4527 32.2231 43.2988 32.0262 43.2988 31.7832L43.2988 30.0236C43.2988 29.7807 43.4527 29.5837 43.6425 29.5837L82.1304 29.5837C82.3202 29.5837 82.4741 29.7807 82.4741 30.0236L82.4741 31.7832C82.4741 32.0262 82.3202 32.2231 82.1304 32.2231L43.6425 32.2231Z" fill="url(#paint2_linear_4758_206002)"/>
<path d="M43.6425 37.502C43.4527 37.502 43.2988 37.305 43.2988 37.062L43.2988 35.3024C43.2988 35.0595 43.4527 34.8625 43.6425 34.8625L82.1304 34.8625C82.3202 34.8625 82.4741 35.0595 82.4741 35.3024L82.4741 37.062C82.4741 37.305 82.3202 37.502 82.1304 37.502L43.6425 37.502Z" fill="url(#paint3_linear_4758_206002)"/>
<path d="M43.6425 42.7808C43.4527 42.7808 43.2988 42.5838 43.2988 42.3409L43.2988 40.5812C43.2988 40.3383 43.4527 40.1413 43.6425 40.1413L82.1304 40.1413C82.3202 40.1413 82.4741 40.3383 82.4741 40.5812L82.4741 42.3409C82.4741 42.5838 82.3202 42.7808 82.1304 42.7808L43.6425 42.7808Z" fill="url(#paint4_linear_4758_206002)"/>
<path d="M43.6425 48.0598C43.4527 48.0598 43.2988 47.8629 43.2988 47.6199L43.2988 45.8603C43.2988 45.6173 43.4527 45.4204 43.6425 45.4204L82.1304 45.4204C82.3202 45.4204 82.4741 45.6173 82.4741 45.8603L82.4741 47.6199C82.4741 47.8629 82.3202 48.0598 82.1304 48.0598L43.6425 48.0598Z" fill="url(#paint5_linear_4758_206002)"/>
<rect x="17.5264" y="14.627" width="68.0412" height="1.04478" rx="0.1" fill="#F4EFF7"/>
<ellipse cx="23.1968" cy="10.9702" rx="1.54639" ry="1.56716" fill="#ED0303"/>
<ellipse cx="29.3823" cy="10.9702" rx="1.54639" ry="1.56716" fill="#FFA200"/>
<ellipse cx="35.5679" cy="10.9702" rx="1.54639" ry="1.56716" fill="#00C261"/>
<path d="M42.2689 60.5969H60.8256L62.8874 67.9104H40.207L42.2689 60.5969Z" fill="url(#paint6_linear_4758_206002)"/>
<rect x="35.0527" y="67.9104" width="32.9897" height="2.08955" rx="1.04478" fill="#E9E8EC"/>
<rect x="20.6191" y="17.7612" width="19.5876" height="13.5821" rx="1" fill="#F4EFF7"/>
<rect x="22.7578" y="19.9119" width="6.08998" height="2.15147" rx="0.5" fill="white"/>
<rect x="22.6807" y="24.0298" width="15.4639" height="1.04478" rx="0.5" fill="white"/>
<rect x="22.6807" y="27.1641" width="15.4639" height="1.04478" rx="0.5" fill="white"/>
<rect x="20.6191" y="32.3882" width="19.5876" height="13.5821" rx="1" fill="#F4EFF7"/>
<rect x="22.7578" y="34.5388" width="6.08998" height="2.15147" rx="0.5" fill="white"/>
<rect x="22.6807" y="38.6567" width="14.433" height="1.04478" rx="0.5" fill="white"/>
<rect x="22.6807" y="41.791" width="14.433" height="1.04478" rx="0.5" fill="white"/>
<g filter="url(#filter0_d_4758_206002)">
<rect x="43.2988" y="24.0298" width="56.5538" height="33.4328" rx="1" fill="white"/>
<rect opacity="0.2" x="48.0117" y="28.8062" width="1.20225" height="23.3538" rx="0.601124" fill="#F2F2F2"/>
<rect opacity="0.2" x="60.082" y="28.8062" width="1.20225" height="23.3538" rx="0.601124" fill="#F2F2F2"/>
<rect opacity="0.2" x="72.1055" y="28.8062" width="1.20225" height="23.3538" rx="0.601124" fill="#F2F2F2"/>
<rect opacity="0.2" x="82.709" y="28.8062" width="1.20225" height="23.3538" rx="0.601124" fill="#F2F2F2"/>
<rect opacity="0.2" x="93.5527" y="28.8062" width="1.20225" height="23.3538" rx="0.601124" fill="#F2F2F2"/>
<path d="M60.1338 30.4392L48.0117 45.5224V52.6866H95.1399V35.9701L83.3578 32.3881L72.754 42.5373L60.8809 30.4028C60.6713 30.1885 60.3216 30.2056 60.1338 30.4392Z" fill="url(#paint7_linear_4758_206002)"/>
<path d="M48.0117 45.5224L60.1338 30.4392C60.3216 30.2056 60.6713 30.1885 60.8809 30.4028L72.754 42.5373L83.3578 32.3881L95.1399 35.9701" stroke="#FFA200" stroke-width="0.5"/>
</g>
<g filter="url(#filter1_d_4758_206002)">
<rect x="5.1543" y="37.6118" width="24.7423" height="28.3101" rx="1" fill="white"/>
<rect x="8.34668" y="57.0244" width="7.98138" height="1.61772" rx="0.808859" fill="#BFF8DB"/>
<rect x="8.34668" y="60.26" width="18.3572" height="1.61772" rx="0.808859" fill="#22CC77"/>
<path d="M21.1176 41.7144C19.864 40.981 18.4017 40.7009 16.9705 40.9202C15.5393 41.1395 14.224 41.8451 13.2404 42.9214C12.2569 43.9976 11.6633 45.3806 11.5571 46.8436C11.4509 48.3066 11.8384 49.7627 12.6559 50.9733C13.4735 52.1838 14.6727 53.0769 16.0568 53.5061C17.441 53.9353 18.9279 53.8751 20.2739 53.3355C21.6199 52.7958 22.745 51.8087 23.4648 50.536C24.1845 49.2633 24.4562 47.7805 24.2353 46.3307L17.925 47.3184L21.1176 41.7144Z" fill="url(#paint8_angular_4758_206002)"/>
</g>
<g filter="url(#filter2_d_4758_206002)">
<path d="M70.1035 9.40293C70.1035 8.82592 70.5651 8.35815 71.1344 8.35815H98.9695C99.5389 8.35815 100 8.82592 100 9.40293V15.6716C100 16.2486 99.5389 16.7164 98.9695 16.7164H71.1344C70.5651 16.7164 70.1035 16.2486 70.1035 15.6716V9.40293Z" fill="white"/>
<g filter="url(#filter3_d_4758_206002)">
<path d="M78.3516 12.5374C78.3516 14.2684 76.9669 15.6717 75.2588 15.6717C73.5507 15.6717 72.166 14.2684 72.166 12.5374C72.166 10.8064 73.5507 9.40308 75.2588 9.40308C76.9669 9.40308 78.3516 10.8064 78.3516 12.5374Z" fill="#00C261"/>
</g>
<g clip-path="url(#clip0_4758_206002)">
<path d="M75.2591 10.3823C75.8305 10.3823 76.3666 10.6121 76.7626 11.0135C77.1587 11.4148 77.3854 11.9581 77.3854 12.5372C77.3854 13.1163 77.1587 13.6595 76.7626 14.0609C76.3666 14.4623 75.8305 14.692 75.2591 14.692C74.6877 14.692 74.1517 14.4623 73.7556 14.0609C73.3595 13.6595 73.1328 13.1163 73.1328 12.5372C73.1328 11.9581 73.3595 11.4148 73.7556 11.0135C74.1517 10.6121 74.6877 10.3823 75.2591 10.3823ZM75.2591 10.7741C74.7913 10.7741 74.3532 10.9619 74.029 11.2905C73.7047 11.6191 73.5194 12.063 73.5194 12.5372C73.5194 13.0113 73.7047 13.4552 74.029 13.7838C74.3532 14.1125 74.7913 14.3002 75.2591 14.3002C75.7269 14.3002 76.165 14.1125 76.4892 13.7838C76.8135 13.4552 76.9988 13.0113 76.9988 12.5372C76.9988 12.063 76.8135 11.6191 76.4892 11.2905C76.165 10.9619 75.7269 10.7741 75.2591 10.7741ZM76.3623 11.811C76.4378 11.8875 76.4378 12.0115 76.3623 12.088L75.2025 13.2634C75.127 13.3399 75.0046 13.3399 74.9291 13.2634L74.3492 12.6757C74.2737 12.5992 74.2737 12.4752 74.3492 12.3987C74.4247 12.3222 74.5471 12.3222 74.6226 12.3987L75.0658 12.8477L76.0889 11.811C76.1644 11.7345 76.2868 11.7345 76.3623 11.811Z" fill="white"/>
</g>
<path opacity="0.4" d="M79.3818 10.9701C79.3818 10.6816 79.6126 10.4478 79.8973 10.4478H85.0519C85.3366 10.4478 85.5674 10.6816 85.5674 10.9701V10.9701C85.5674 11.2586 85.3366 11.4925 85.0519 11.4925H79.8973C79.6126 11.4925 79.3818 11.2586 79.3818 10.9701V10.9701Z" fill="#B2EDD0"/>
<path opacity="0.4" d="M79.3818 14.1044C79.3818 13.8159 79.6126 13.582 79.8973 13.582H93.2994C93.584 13.582 93.8148 13.8159 93.8148 14.1044V14.1044C93.8148 14.3929 93.584 14.6268 93.2994 14.6268H79.8973C79.6126 14.6268 79.3818 14.3929 79.3818 14.1044V14.1044Z" fill="#B2EDD0"/>
</g>
<defs>
<filter id="filter0_d_4758_206002" x="37.2988" y="24.0298" width="64.5537" height="41.4329" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="-2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4758_206002"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4758_206002" result="shape"/>
</filter>
<filter id="filter1_d_4758_206002" x="3.1543" y="37.6118" width="32.7422" height="36.3101" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4758_206002"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4758_206002" result="shape"/>
</filter>
<filter id="filter2_d_4758_206002" x="68.1035" y="8.35815" width="37.8965" height="16.3582" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4758_206002"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4758_206002" result="shape"/>
</filter>
<filter id="filter3_d_4758_206002" x="72.166" y="9.40308" width="8.18555" height="8.26855" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.00635462 0 0 0 0 0.467578 0 0 0 0 0.236966 0 0 0 0.17 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4758_206002"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4758_206002" result="shape"/>
</filter>
<linearGradient id="paint0_linear_4758_206002" x1="43.2988" y1="19.9056" x2="82.1124" y2="20.2047" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint1_linear_4758_206002" x1="43.2988" y1="25.1844" x2="82.1124" y2="25.4836" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint2_linear_4758_206002" x1="43.2988" y1="30.4635" x2="82.1124" y2="30.7626" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint3_linear_4758_206002" x1="43.2988" y1="35.7423" x2="82.1124" y2="36.0414" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint4_linear_4758_206002" x1="43.2988" y1="41.0211" x2="82.1124" y2="41.3202" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint5_linear_4758_206002" x1="43.2988" y1="46.3002" x2="82.1124" y2="46.5993" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint6_linear_4758_206002" x1="51.5472" y1="68.5752" x2="51.5472" y2="59.9321" gradientUnits="userSpaceOnUse">
<stop stop-color="#F9F9FB"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint7_linear_4758_206002" x1="72.6718" y1="17.3964" x2="72.674" y2="58.3582" gradientUnits="userSpaceOnUse">
<stop stop-color="#FFA200" stop-opacity="0.71"/>
<stop offset="1" stop-color="white" stop-opacity="0.05"/>
</linearGradient>
<radialGradient id="paint8_angular_4758_206002" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(17.925 47.3184) rotate(-46.989) scale(6.30982 6.30455)">
<stop stop-color="#00C261"/>
<stop offset="1" stop-color="#D9FFEC"/>
</radialGradient>
<clipPath id="clip0_4758_206002">
<rect width="4.63918" height="4.70149" fill="white" transform="translate(72.9395 10.1865)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

121
frontend/src/assets/svg/staff-overview-img.svg Normal file
View File

@ -0,0 +1,121 @@
<svg width="100" height="70" viewBox="0 0 100 70" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="54" cy="35" r="32" fill="#E9E8EC" fill-opacity="0.5"/>
<g filter="url(#filter0_d_4722_201727)">
<path d="M13 10C13 8.89543 13.8954 8 15 8H92C93.1046 8 94 8.89543 94 10V15H13V10Z" fill="#E9E8EC"/>
<path d="M13 15H94V61C94 62.1046 93.1046 63 92 63H15C13.8954 63 13 62.1046 13 61V15Z" fill="white"/>
<circle cx="19.5" cy="11.5" r="1.5" fill="#ED0303"/>
<circle cx="25.5" cy="11.5" r="1.5" fill="#FFA200"/>
<circle cx="31.5" cy="11.5" r="1.5" fill="#00C261"/>
<g filter="url(#filter1_d_4722_201727)">
<rect x="34" y="54" width="40" height="4" rx="2" fill="url(#paint0_linear_4722_201727)"/>
</g>
<g filter="url(#filter2_d_4722_201727)">
<g opacity="0.1" filter="url(#filter3_d_4722_201727)">
<rect x="6" y="20" width="56.0385" height="31" rx="2" fill="url(#paint1_linear_4722_201727)"/>
<rect x="6.15" y="20.15" width="55.7385" height="30.7" rx="1.85" stroke="white" stroke-width="0.3"/>
</g>
<g filter="url(#filter4_d_4722_201727)">
<rect x="6" y="20" width="54.8462" height="29.8077" rx="2" fill="#FDF9FF"/>
<rect x="6.15" y="20.15" width="54.5462" height="29.5077" rx="1.85" stroke="url(#paint2_linear_4722_201727)" stroke-width="0.3"/>
</g>
<rect x="8.38477" y="40.2693" width="50.0769" height="1.19231" rx="0.596154" fill="#F4EFF7"/>
<rect x="8.38477" y="33.1155" width="50.0769" height="1.19231" rx="0.596154" fill="#F4EFF7"/>
<rect x="8.38477" y="24.7693" width="50.0769" height="1.19231" rx="0.596154" fill="#F4EFF7"/>
<path d="M11.9614 42.4617C11.9614 41.9094 12.4091 41.4617 12.9614 41.4617H18.1153C18.6676 41.4617 19.1153 41.9094 19.1153 42.4617V45.0386H11.9614V42.4617Z" fill="url(#paint3_linear_4722_201727)"/>
<path d="M23.8848 37.6924C23.8848 37.1401 24.3325 36.6924 24.8848 36.6924H30.0386C30.5909 36.6924 31.0386 37.1401 31.0386 37.6924V45.0385H23.8848V37.6924Z" fill="url(#paint4_linear_4722_201727)"/>
<path d="M35.8076 31.7307C35.8076 31.1784 36.2553 30.7307 36.8076 30.7307H41.9615C42.5137 30.7307 42.9615 31.1784 42.9615 31.7307V45.0384H35.8076V31.7307Z" fill="url(#paint5_linear_4722_201727)"/>
<path d="M48.9233 26.9617C48.9233 26.4094 49.3711 25.9617 49.9233 25.9617H55.0772C55.6295 25.9617 56.0772 26.4094 56.0772 26.9617V45.0386H48.9233V26.9617Z" fill="url(#paint6_linear_4722_201727)"/>
</g>
<circle opacity="0.4" cx="79" cy="35" r="11.5" stroke="url(#paint7_linear_4722_201727)"/>
<circle opacity="0.1" cx="79" cy="35" r="14.5" stroke="url(#paint8_linear_4722_201727)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M89 35C89 40.5229 84.5229 45 79 45C73.4771 45 69 40.5229 69 35C69 29.4771 73.4771 25 79 25C84.5229 25 89 29.4771 89 35ZM82.6361 32.273C82.6361 34.2813 81.008 35.9093 78.9998 35.9093C76.9915 35.9093 75.3634 34.2813 75.3634 32.273C75.3634 30.2647 76.9915 28.6366 78.9998 28.6366C81.008 28.6366 82.6361 30.2647 82.6361 32.273ZM86.1807 41.9599C84.3631 43.8347 81.8177 45 79.0002 45C76.1823 45 73.6367 43.8344 71.819 41.9592C72.902 39.6544 74.6894 37.2727 76.2729 37.2727H81.7274C83.3101 37.2727 85.0975 39.6561 86.1807 41.9599Z" fill="#945DED"/>
</g>
<defs>
<filter id="filter0_d_4722_201727" x="4" y="6" width="96" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.285377 0 0 0 0 0 0 0 0 0 0.747168 0 0 0 0.11 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_201727"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_201727" result="shape"/>
</filter>
<filter id="filter1_d_4722_201727" x="34" y="54" width="42" height="6" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.319056 0 0 0 0 0.0343553 0 0 0 0 0.779753 0 0 0 0.16 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_201727"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_201727" result="shape"/>
</filter>
<filter id="filter2_d_4722_201727" x="6" y="20" width="62.0386" height="37" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="3" dy="3"/>
<feGaussianBlur stdDeviation="1.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.33012 0 0 0 0 0.0670126 0 0 0 0 0.755876 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_201727"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_201727" result="shape"/>
</filter>
<filter id="filter3_d_4722_201727" x="6" y="20" width="58.0386" height="33" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.292035 0 0 0 0 0.00276408 0 0 0 0 0.735173 0 0 0 0.2 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_201727"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_201727" result="shape"/>
</filter>
<filter id="filter4_d_4722_201727" x="5" y="19" width="56.8462" height="31.8076" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.611765 0 0 0 0 0.407843 0 0 0 0 0.933333 0 0 0 0.02 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_201727"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_201727" result="shape"/>
</filter>
<linearGradient id="paint0_linear_4722_201727" x1="33" y1="56" x2="74" y2="56" gradientUnits="userSpaceOnUse">
<stop stop-color="#F7E3FB"/>
<stop offset="1" stop-color="#8F57EC"/>
</linearGradient>
<linearGradient id="paint1_linear_4722_201727" x1="6.59615" y1="50.4038" x2="62.0385" y2="28.9423" gradientUnits="userSpaceOnUse">
<stop stop-color="#AC3BFF"/>
<stop offset="1" stop-color="#B520FF"/>
</linearGradient>
<linearGradient id="paint2_linear_4722_201727" x1="5.40385" y1="22.3846" x2="60.8462" y2="46.2308" gradientUnits="userSpaceOnUse">
<stop stop-color="#FEFCFF"/>
<stop offset="1" stop-color="white"/>
</linearGradient>
<linearGradient id="paint3_linear_4722_201727" x1="15.5383" y1="41.4617" x2="15.5383" y2="45.0386" gradientUnits="userSpaceOnUse">
<stop stop-color="#F7E3FB"/>
<stop offset="1" stop-color="#8F57EC"/>
</linearGradient>
<linearGradient id="paint4_linear_4722_201727" x1="27.4617" y1="36.6924" x2="27.4617" y2="45.0385" gradientUnits="userSpaceOnUse">
<stop stop-color="#F7E3FB"/>
<stop offset="1" stop-color="#8F57EC"/>
</linearGradient>
<linearGradient id="paint5_linear_4722_201727" x1="39.3845" y1="30.7307" x2="39.3845" y2="45.0384" gradientUnits="userSpaceOnUse">
<stop stop-color="#F7E3FB"/>
<stop offset="1" stop-color="#8F57EC"/>
</linearGradient>
<linearGradient id="paint6_linear_4722_201727" x1="52.5003" y1="25.9617" x2="52.5003" y2="45.0386" gradientUnits="userSpaceOnUse">
<stop stop-color="#F7E3FB"/>
<stop offset="1" stop-color="#8F57EC"/>
</linearGradient>
<linearGradient id="paint7_linear_4722_201727" x1="90" y1="37.5" x2="70.5" y2="26" gradientUnits="userSpaceOnUse">
<stop stop-color="#925AED"/>
<stop offset="1" stop-color="#F4DEFB"/>
</linearGradient>
<linearGradient id="paint8_linear_4722_201727" x1="66" y1="31" x2="93.5" y2="40" gradientUnits="userSpaceOnUse">
<stop stop-color="#925AED"/>
<stop offset="1" stop-color="#F4DEFB"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 8.4 KiB

99
frontend/src/assets/svg/test-plan-bug-img.svg Normal file
View File

@ -0,0 +1,99 @@
<svg width="108" height="78" viewBox="0 0 108 78" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.8" cx="76.5" cy="27.5" r="27.5" fill="#E9E8EC" fill-opacity="0.5"/>
<g filter="url(#filter0_d_4780_206882)">
<path d="M4 9.99679C4 8.89399 4.90649 8 6.02469 8H83.9753C85.0935 8 86 8.89399 86 9.99679V14.9888H4V9.99679Z" fill="#E9E8EC"/>
<path d="M4 15.0769H86V61.003C86 62.1058 85.0935 62.9998 83.9753 62.9998H6.02469C4.90648 62.9998 4 62.1058 4 61.003V15.0769Z" fill="white"/>
<rect opacity="0.8" x="9" y="18.9824" width="6" height="5.99036" rx="0.5" fill="#945DED"/>
<g clip-path="url(#clip0_4780_206882)">
<path d="M13.25 23.8381C13.2481 23.8381 13.2463 23.8381 13.2445 23.838C13.2416 23.8379 13.2386 23.8377 13.2356 23.8375C13.232 23.8372 13.2286 23.8368 13.2252 23.8363L13.2165 23.8347C13.2129 23.834 13.2093 23.8331 13.2057 23.8322C13.2031 23.8314 13.2005 23.8307 13.198 23.8298C13.1947 23.8288 13.1914 23.8276 13.1882 23.8263C13.1852 23.8251 13.1823 23.8238 13.1795 23.8225C13.176 23.8209 13.1726 23.8191 13.1693 23.8173C13.1673 23.8162 13.1652 23.815 13.1632 23.8138C13.159 23.8112 13.1548 23.8084 13.1508 23.8054L13.1472 23.8026C13.1419 23.7985 13.1369 23.794 13.1321 23.7893L12.7155 23.3726C12.6504 23.3075 12.6504 23.202 12.7155 23.1369C12.7806 23.0718 12.8861 23.0718 12.9512 23.1369L13.0833 23.2691V22.5048C13.0833 22.2385 12.8752 22.0208 12.6127 22.0056L12.5833 22.0048H11.25V23.2689L11.3821 23.1369C11.4422 23.0768 11.5368 23.0722 11.6021 23.1231L11.6179 23.1369C11.6829 23.202 11.6829 23.3075 11.6179 23.3726L11.2012 23.7893C11.1361 23.8544 11.0306 23.8544 10.9655 23.7893L10.5488 23.3726C10.4837 23.3075 10.4837 23.202 10.5488 23.1369C10.6139 23.0718 10.7194 23.0718 10.7845 23.1369L10.9167 23.2691L10.9167 21.3093C10.6757 21.2376 10.5 21.0143 10.5 20.7501C10.5 20.4279 10.7612 20.1667 11.0833 20.1667C11.4055 20.1667 11.6667 20.4279 11.6667 20.7501C11.6667 21.0143 11.491 21.2375 11.2501 21.3092L11.25 21.6714H12.5833C13.0436 21.6714 13.4167 22.0445 13.4167 22.5048V23.2689L13.5488 23.1369C13.6089 23.0768 13.7034 23.0722 13.7688 23.1231L13.7845 23.1369C13.8496 23.202 13.8496 23.3075 13.7845 23.3726L13.3679 23.7893L13.3548 23.8006L13.3492 23.8054C13.3452 23.8084 13.341 23.8112 13.3368 23.8138C13.3348 23.815 13.3327 23.8162 13.3307 23.8173C13.3274 23.8191 13.324 23.8209 13.3205 23.8225C13.3177 23.8238 13.3148 23.8251 13.3119 23.8262C13.3086 23.8276 13.3053 23.8288 13.302 23.8298C13.2995 23.8307 13.2969 23.8314 13.2943 23.8321C13.2907 23.8331 13.2871 23.834 13.2835 23.8347L13.2747 23.8363L13.2638 23.8374H13.2635L13.25 23.8381ZM11.0833 20.5001C10.9453 20.5001 10.8333 20.612 10.8333 20.7501C10.8333 20.8882 10.9453 21.0001 11.0833 21.0001C11.2214 21.0001 11.3333 20.8882 11.3333 20.7501C11.3333 20.612 11.2214 20.5001 11.0833 20.5001Z" fill="white"/>
</g>
<rect opacity="0.8" x="19" y="21" width="19" height="2" rx="0.5" fill="#E9E8EC"/>
<rect opacity="0.8" x="19" y="21" width="10" height="2" rx="0.5" fill="#3370FF"/>
<rect opacity="0.8" x="43" y="20" width="40" height="4" rx="0.5" fill="#EDEDF0"/>
<rect opacity="0.8" x="9" y="29" width="6" height="5.99036" rx="0.5" fill="#945DED"/>
<g clip-path="url(#clip1_4780_206882)">
<path d="M13.25 33.8557C13.2481 33.8557 13.2463 33.8557 13.2445 33.8556C13.2416 33.8555 13.2386 33.8553 13.2356 33.8551C13.232 33.8548 13.2286 33.8544 13.2252 33.8538L13.2165 33.8523C13.2129 33.8516 13.2093 33.8507 13.2057 33.8497C13.2031 33.849 13.2005 33.8482 13.198 33.8474C13.1947 33.8463 13.1914 33.8451 13.1882 33.8438C13.1852 33.8427 13.1823 33.8414 13.1795 33.8401C13.176 33.8385 13.1726 33.8367 13.1693 33.8349C13.1673 33.8338 13.1652 33.8326 13.1632 33.8314C13.159 33.8287 13.1548 33.8259 13.1508 33.823L13.1472 33.8202C13.1419 33.8161 13.1369 33.8116 13.1321 33.8069L12.7155 33.3902C12.6504 33.3251 12.6504 33.2196 12.7155 33.1545C12.7806 33.0894 12.8861 33.0894 12.9512 33.1545L13.0833 33.2867V32.5224C13.0833 32.2561 12.8752 32.0384 12.6127 32.0232L12.5833 32.0224H11.25V33.2865L11.3821 33.1545C11.4422 33.0944 11.5368 33.0898 11.6021 33.1406L11.6179 33.1545C11.6829 33.2196 11.6829 33.3251 11.6179 33.3902L11.2012 33.8069C11.1361 33.872 11.0306 33.872 10.9655 33.8069L10.5488 33.3902C10.4837 33.3251 10.4837 33.2196 10.5488 33.1545C10.6139 33.0894 10.7194 33.0894 10.7845 33.1545L10.9167 33.2867L10.9167 31.3268C10.6757 31.2551 10.5 31.0319 10.5 30.7677C10.5 30.4455 10.7612 30.1843 11.0833 30.1843C11.4055 30.1843 11.6667 30.4455 11.6667 30.7677C11.6667 31.0319 11.491 31.255 11.2501 31.3268L11.25 31.689H12.5833C13.0436 31.689 13.4167 32.0621 13.4167 32.5224V33.2865L13.5488 33.1545C13.6089 33.0944 13.7034 33.0898 13.7688 33.1406L13.7845 33.1545C13.8496 33.2196 13.8496 33.3251 13.7845 33.3902L13.3679 33.8069L13.3548 33.8182L13.3492 33.823C13.3452 33.8259 13.341 33.8287 13.3368 33.8313C13.3348 33.8326 13.3327 33.8338 13.3307 33.8349C13.3274 33.8367 13.324 33.8385 13.3205 33.8401C13.3177 33.8414 13.3148 33.8427 13.3119 33.8438C13.3086 33.8451 13.3053 33.8463 13.302 33.8474C13.2995 33.8482 13.2969 33.849 13.2943 33.8497C13.2907 33.8507 13.2871 33.8516 13.2835 33.8523L13.2747 33.8538L13.2638 33.855H13.2635L13.25 33.8557ZM11.0833 30.5177C10.9453 30.5177 10.8333 30.6296 10.8333 30.7677C10.8333 30.9057 10.9453 31.0177 11.0833 31.0177C11.2214 31.0177 11.3333 30.9057 11.3333 30.7677C11.3333 30.6296 11.2214 30.5177 11.0833 30.5177Z" fill="white"/>
</g>
<rect opacity="0.8" x="19" y="31.0176" width="19" height="2" rx="0.5" fill="#E9E8EC"/>
<rect opacity="0.8" x="19" y="31" width="6" height="2" rx="0.5" fill="#F24F4F"/>
<rect opacity="0.8" x="43" y="30.0176" width="40" height="4" rx="0.5" fill="#EDEDF0"/>
<rect opacity="0.8" x="9" y="39" width="6" height="5.99036" rx="0.5" fill="#F1F1F3"/>
<rect opacity="0.8" x="19" y="41.0176" width="19" height="2" rx="0.5" fill="#E9E8EC"/>
<rect opacity="0.8" x="19" y="41" width="6" height="2" rx="0.5" fill="#FFA200"/>
<rect opacity="0.8" x="43" y="40.0176" width="40" height="4" rx="0.5" fill="#EDEDF0"/>
<rect opacity="0.8" x="9" y="51" width="6" height="5.99036" rx="0.5" fill="#F1F1F3"/>
<rect opacity="0.8" x="19" y="53.0176" width="19" height="2" rx="0.5" fill="#E9E8EC"/>
<rect opacity="0.8" x="19" y="53" width="6" height="2" rx="0.5" fill="#D4D4D8"/>
<rect opacity="0.8" x="43" y="52.0176" width="40" height="4" rx="0.5" fill="#EDEDF0"/>
<path d="M9.03613 11.4519C9.03613 12.2803 8.36456 12.9519 7.53613 12.9519C6.70771 12.9519 6.03613 12.2803 6.03613 11.4519C6.03613 10.6235 6.70771 9.9519 7.53613 9.9519C8.36456 9.9519 9.03613 10.6235 9.03613 11.4519Z" fill="#ED0303"/>
<path d="M15.0361 11.4519C15.0361 12.2803 14.3646 12.9519 13.5361 12.9519C12.7077 12.9519 12.0361 12.2803 12.0361 11.4519C12.0361 10.6235 12.7077 9.9519 13.5361 9.9519C14.3646 9.9519 15.0361 10.6235 15.0361 11.4519Z" fill="#FFA200"/>
<path d="M21.0361 11.4519C21.0361 12.2803 20.3646 12.9519 19.5361 12.9519C18.7077 12.9519 18.0361 12.2803 18.0361 11.4519C18.0361 10.6235 18.7077 9.9519 19.5361 9.9519C20.3646 9.9519 21.0361 10.6235 21.0361 11.4519Z" fill="#00C261"/>
</g>
<g filter="url(#filter1_d_4780_206882)">
<rect x="58" y="33" width="46" height="37" rx="1" fill="white"/>
<rect x="63" y="50" width="4" height="15" fill="#FFF6E5" fill-opacity="0.929412"/>
<rect x="71" y="38" width="4" height="27" fill="#FFBE4D"/>
<rect x="79" y="44" width="4" height="21" fill="#FFF6E5" fill-opacity="0.929412"/>
<rect x="87" y="50" width="4" height="15" fill="#FFB026"/>
<rect x="95" y="50" width="4" height="15" fill="#FFF6E5" fill-opacity="0.929412"/>
<path d="M63 58.5L67.3618 51.7393C69.8191 47.9303 75.5054 48.3056 77.441 52.4044L78.1754 53.9597C79.6907 57.1686 84.0679 57.6296 86.2185 54.8069V54.8069C87.955 52.5278 91.3026 52.3026 93.3287 54.3287L98.5 59.5" stroke="#945DED" stroke-width="0.5"/>
</g>
<g filter="url(#filter2_d_4780_206882)">
<rect x="36" y="3" width="29" height="10" rx="1" fill="white"/>
<g filter="url(#filter3_d_4780_206882)">
<circle cx="41" cy="8" r="3" fill="white"/>
<circle cx="41" cy="8" r="3.15" stroke="#ED0303" stroke-width="0.3"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M40.25 7.25H39.875V8.28125V8.375C39.875 8.51144 39.9166 8.80104 40.079 9.05018C40.2129 9.25563 40.4336 9.44259 40.8125 9.489V7.25H40.25ZM41.1875 7.25V9.4891C41.5669 9.44302 41.7875 9.2572 41.9212 9.05282C42.0833 8.80495 42.125 8.51559 42.125 8.375V8.28125V7.25H41.75H41.1875ZM41.937 6.875H42.2348L42.7424 6.36742C42.8156 6.29419 42.9344 6.29419 43.0076 6.36742C43.0808 6.44064 43.0808 6.55936 43.0076 6.63258L42.5 7.14016V8.09375H42.875C42.9786 8.09375 43.0625 8.1777 43.0625 8.28125C43.0625 8.3848 42.9786 8.46875 42.875 8.46875H42.4964C42.4815 8.67049 42.4176 8.97676 42.2378 9.25387L42.7263 9.74242C42.7996 9.81564 42.7996 9.93436 42.7263 10.0076C42.6531 10.0808 42.5344 10.0808 42.4612 10.0076L41.9919 9.53828C41.763 9.73721 41.4412 9.875 41 9.875C40.5592 9.875 40.2378 9.73654 40.0091 9.5373L39.5388 10.0076C39.4656 10.0808 39.3469 10.0808 39.2737 10.0076C39.2004 9.93436 39.2004 9.81564 39.2737 9.74242L39.7634 9.25273C39.5832 8.97518 39.5188 8.66877 39.5037 8.46875H39.125C39.0214 8.46875 38.9375 8.3848 38.9375 8.28125C38.9375 8.1777 39.0214 8.09375 39.125 8.09375H39.5V7.14017L38.9924 6.63258C38.9192 6.55936 38.9192 6.44064 38.9924 6.36742C39.0656 6.29419 39.1844 6.29419 39.2576 6.36742L39.7652 6.875H40.063C40.0789 6.36122 40.4855 5.9375 41 5.9375C41.5145 5.9375 41.9211 6.36122 41.937 6.875ZM41.5617 6.875C41.5462 6.55511 41.294 6.3125 41 6.3125C40.706 6.3125 40.4538 6.55511 40.4383 6.875H41H41.5617Z" fill="#ED0303"/>
<rect x="48" y="6" width="6" height="2" rx="1" fill="#E9E8EC"/>
<rect x="48" y="9" width="14" height="2" rx="1" fill="#E9E8EC"/>
</g>
<defs>
<filter id="filter0_d_4780_206882" x="0" y="8" width="90" height="62.9998" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4780_206882"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4780_206882" result="shape"/>
</filter>
<filter id="filter1_d_4780_206882" x="54" y="33" width="54" height="45" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4780_206882"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4780_206882" result="shape"/>
</filter>
<filter id="filter2_d_4780_206882" x="34" y="3" width="37" height="18" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4780_206882"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4780_206882" result="shape"/>
</filter>
<filter id="filter3_d_4780_206882" x="37.7002" y="4.69995" width="8.59961" height="8.6001" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.391846 0 0 0 0 0.00690705 0 0 0 0 0.00690705 0 0 0 0.11 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4780_206882"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4780_206882" result="shape"/>
</filter>
<clipPath id="clip0_4780_206882">
<rect width="4" height="4" fill="white" transform="translate(10 20)"/>
</clipPath>
<clipPath id="clip1_4780_206882">
<rect width="4" height="4" fill="white" transform="translate(10 30.0176)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

107
frontend/src/assets/svg/test-plan-img.svg Normal file
View File

@ -0,0 +1,107 @@
<svg width="106" height="77" viewBox="0 0 106 77" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.8" cx="29.5" cy="27.5" r="27.5" fill="#E9E8EC" fill-opacity="0.5"/>
<g filter="url(#filter0_d_4780_206662)">
<path d="M16 12.9968C16 11.894 16.9065 11 18.0247 11H95.9753C97.0935 11 98 11.894 98 12.9968V17.9888H16V12.9968Z" fill="#E9E8EC"/>
<path d="M16 18.0769H98V64.003C98 65.1058 97.0935 65.9998 95.9753 65.9998H18.0247C16.9065 65.9998 16 65.1058 16 64.003V18.0769Z" fill="white"/>
<rect opacity="0.8" x="21" y="21.9824" width="6" height="5.99036" rx="0.5" fill="#945DED"/>
<g clip-path="url(#clip0_4780_206662)">
<path d="M25.25 26.8381C25.2481 26.8381 25.2463 26.8381 25.2445 26.838C25.2416 26.8379 25.2386 26.8377 25.2356 26.8375C25.232 26.8372 25.2286 26.8368 25.2252 26.8363L25.2165 26.8347C25.2129 26.834 25.2093 26.8331 25.2057 26.8322C25.2031 26.8314 25.2005 26.8307 25.198 26.8298C25.1947 26.8288 25.1914 26.8276 25.1882 26.8263C25.1852 26.8251 25.1823 26.8238 25.1795 26.8225C25.176 26.8209 25.1726 26.8191 25.1693 26.8173C25.1673 26.8162 25.1652 26.815 25.1632 26.8138C25.159 26.8112 25.1548 26.8084 25.1508 26.8054L25.1472 26.8026C25.1419 26.7985 25.1369 26.794 25.1321 26.7893L24.7155 26.3726C24.6504 26.3075 24.6504 26.202 24.7155 26.1369C24.7806 26.0718 24.8861 26.0718 24.9512 26.1369L25.0833 26.2691V25.5048C25.0833 25.2385 24.8752 25.0208 24.6127 25.0056L24.5833 25.0048H23.25V26.2689L23.3821 26.1369C23.4422 26.0768 23.5368 26.0722 23.6021 26.1231L23.6179 26.1369C23.6829 26.202 23.6829 26.3075 23.6179 26.3726L23.2012 26.7893C23.1361 26.8544 23.0306 26.8544 22.9655 26.7893L22.5488 26.3726C22.4837 26.3075 22.4837 26.202 22.5488 26.1369C22.6139 26.0718 22.7194 26.0718 22.7845 26.1369L22.9167 26.2691L22.9167 24.3093C22.6757 24.2376 22.5 24.0143 22.5 23.7501C22.5 23.4279 22.7612 23.1667 23.0833 23.1667C23.4055 23.1667 23.6667 23.4279 23.6667 23.7501C23.6667 24.0143 23.491 24.2375 23.2501 24.3092L23.25 24.6714H24.5833C25.0436 24.6714 25.4167 25.0445 25.4167 25.5048V26.2689L25.5488 26.1369C25.6089 26.0768 25.7034 26.0722 25.7688 26.1231L25.7845 26.1369C25.8496 26.202 25.8496 26.3075 25.7845 26.3726L25.3679 26.7893L25.3548 26.8006L25.3492 26.8054C25.3452 26.8084 25.341 26.8112 25.3368 26.8138C25.3348 26.815 25.3327 26.8162 25.3307 26.8173C25.3274 26.8191 25.324 26.8209 25.3205 26.8225C25.3177 26.8238 25.3148 26.8251 25.3119 26.8262C25.3086 26.8276 25.3053 26.8288 25.302 26.8298C25.2995 26.8307 25.2969 26.8314 25.2943 26.8321C25.2907 26.8331 25.2871 26.834 25.2835 26.8347L25.2747 26.8363L25.2638 26.8374H25.2635L25.25 26.8381ZM23.0833 23.5001C22.9453 23.5001 22.8333 23.612 22.8333 23.7501C22.8333 23.8882 22.9453 24.0001 23.0833 24.0001C23.2214 24.0001 23.3333 23.8882 23.3333 23.7501C23.3333 23.612 23.2214 23.5001 23.0833 23.5001Z" fill="white"/>
</g>
<rect opacity="0.8" x="30" y="22" width="63" height="6" rx="0.5" fill="url(#paint0_linear_4780_206662)"/>
<rect opacity="0.8" x="21" y="31" width="6" height="5.99036" rx="0.5" fill="#EDEDF0"/>
<rect opacity="0.8" x="30" y="31.0176" width="63" height="6" rx="0.5" fill="url(#paint1_linear_4780_206662)"/>
<rect opacity="0.8" x="21" y="40" width="6" height="5.99036" rx="0.5" fill="#EDEDF0"/>
<rect opacity="0.8" x="30" y="40.0176" width="63" height="6" rx="0.5" fill="url(#paint2_linear_4780_206662)"/>
<rect opacity="0.8" x="21" y="49" width="6" height="5.99036" rx="0.5" fill="#EDEDF0"/>
<rect opacity="0.8" x="30" y="49.0176" width="63" height="6" rx="0.5" fill="url(#paint3_linear_4780_206662)"/>
<rect opacity="0.8" x="21" y="58" width="6" height="5.99036" rx="0.5" fill="#EDEDF0"/>
<rect opacity="0.8" x="30" y="58.0176" width="63" height="6" rx="0.5" fill="url(#paint4_linear_4780_206662)"/>
<path d="M21.0361 14.4519C21.0361 15.2803 20.3646 15.9519 19.5361 15.9519C18.7077 15.9519 18.0361 15.2803 18.0361 14.4519C18.0361 13.6235 18.7077 12.9519 19.5361 12.9519C20.3646 12.9519 21.0361 13.6235 21.0361 14.4519Z" fill="#ED0303"/>
<path d="M27.0361 14.4519C27.0361 15.2803 26.3646 15.9519 25.5361 15.9519C24.7077 15.9519 24.0361 15.2803 24.0361 14.4519C24.0361 13.6235 24.7077 12.9519 25.5361 12.9519C26.3646 12.9519 27.0361 13.6235 27.0361 14.4519Z" fill="#FFA200"/>
<path d="M33.0361 14.4519C33.0361 15.2803 32.3646 15.9519 31.5361 15.9519C30.7077 15.9519 30.0361 15.2803 30.0361 14.4519C30.0361 13.6235 30.7077 12.9519 31.5361 12.9519C32.3646 12.9519 33.0361 13.6235 33.0361 14.4519Z" fill="#00C261"/>
</g>
<g filter="url(#filter1_d_4780_206662)">
<rect x="56" width="46" height="37" rx="1" fill="white"/>
<rect x="59.9521" y="4.00879" width="9.2233" height="4.00848" rx="1" fill="#E9E8EC"/>
<rect opacity="0.4" x="71.8115" y="4.00879" width="26.3523" height="4.00848" rx="1" fill="#E9E8EC"/>
<rect x="59.9521" y="12.0251" width="9.2233" height="4.00848" rx="1" fill="#E9E8EC"/>
<rect opacity="0.4" x="71.8115" y="12.0251" width="26.3523" height="4.00848" rx="1" fill="#E9E8EC"/>
<rect x="61.27" y="24.4297" width="3.95284" height="6.68081" fill="#E5F9EF"/>
<rect x="69.1763" y="19.0847" width="3.95284" height="12.0255" fill="#00C261"/>
<rect x="77.0815" y="21.7573" width="3.95284" height="9.35313" fill="#E5F9EF"/>
<rect x="84.9878" y="24.4297" width="3.95284" height="6.68081" fill="#26CB79"/>
<rect x="92.8936" y="24.4297" width="3.95284" height="6.68081" fill="#E5F9EF"/>
</g>
<g filter="url(#filter2_d_4780_206662)">
<rect x="2" y="46" width="24" height="24" rx="1" fill="white"/>
<g filter="url(#filter3_d_4780_206662)">
<ellipse cx="13.9997" cy="57.9999" rx="6.66667" ry="6.66667" fill="#00C261"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.6662 54.4C12.6662 54.2159 12.8154 54.0667 12.9995 54.0667C13.1836 54.0667 13.3328 54.2159 13.3328 54.4V55.7333C13.3328 55.7563 13.3305 55.7788 13.3261 55.8005C13.3083 55.8873 13.2568 55.9618 13.1859 56.0097C13.1327 56.0457 13.0685 56.0667 12.9995 56.0667C12.9204 56.0667 12.8477 56.0391 12.7906 55.9931C12.748 55.9587 12.714 55.9142 12.6924 55.8631C12.6755 55.8232 12.6662 55.7793 12.6662 55.7333V54.4ZM15.3328 54.4C15.3328 54.2159 15.4821 54.0667 15.6662 54.0667C15.8503 54.0667 15.9995 54.2159 15.9995 54.4V55.7333C15.9995 55.9174 15.8503 56.0667 15.6662 56.0667C15.4821 56.0667 15.3328 55.9174 15.3328 55.7333V54.4ZM12.3328 55.0667H11.3328C11.1487 55.0667 10.9995 55.2159 10.9995 55.4V60.7333C10.9995 60.9174 11.1487 61.0667 11.3328 61.0667H15.3327C15.1235 60.7881 14.9995 60.4419 14.9995 60.0667C14.9995 59.1462 15.7457 58.4 16.6662 58.4C17.0414 58.4 17.3876 58.524 17.6662 58.7332V55.4C17.6662 55.2159 17.5169 55.0667 17.3328 55.0667H16.3328V55.7333C16.3328 56.1015 16.0344 56.4 15.6662 56.4C15.298 56.4 14.9995 56.1015 14.9995 55.7333V55.0667H13.6662V55.7333C13.6662 56.1015 13.3677 56.4 12.9995 56.4C12.6313 56.4 12.3328 56.1015 12.3328 55.7333V55.0667ZM11.9995 57.4C11.8154 57.4 11.6662 57.5492 11.6662 57.7333C11.6662 57.9174 11.8154 58.0667 11.9995 58.0667H13.3328C13.5169 58.0667 13.6662 57.9174 13.6662 57.7333C13.6662 57.5492 13.5169 57.4 13.3328 57.4H11.9995ZM11.6662 59.0667C11.6662 58.8826 11.8154 58.7333 11.9995 58.7333H14.3328C14.5169 58.7333 14.6662 58.8826 14.6662 59.0667C14.6662 59.2507 14.5169 59.4 14.3328 59.4H11.9995C11.8154 59.4 11.6662 59.2507 11.6662 59.0667ZM16.6662 61.4C17.4026 61.4 17.9995 60.803 17.9995 60.0667C17.9995 59.3303 17.4026 58.7333 16.6662 58.7333C15.9298 58.7333 15.3328 59.3303 15.3328 60.0667C15.3328 60.803 15.9298 61.4 16.6662 61.4ZM16.6668 59.1333C16.7404 59.1333 16.8001 59.193 16.8001 59.2667L16.8 60.012L17.3262 60.5382C17.3783 60.5903 17.3783 60.6747 17.3262 60.7268C17.2742 60.7789 17.1897 60.7789 17.1377 60.7268L16.5724 60.1615C16.5474 60.1365 16.5333 60.1026 16.5333 60.0672L16.5334 59.2666C16.5334 59.193 16.5931 59.1333 16.6668 59.1333Z" fill="white"/>
</g>
<defs>
<filter id="filter0_d_4780_206662" x="12" y="11" width="90" height="62.9998" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4780_206662"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4780_206662" result="shape"/>
</filter>
<filter id="filter1_d_4780_206662" x="52" y="0" width="54" height="45" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4780_206662"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4780_206662" result="shape"/>
</filter>
<filter id="filter2_d_4780_206662" x="0" y="45" width="32" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="3"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.218229 0 0 0 0 0.144106 0 0 0 0 0.014989 0 0 0 0.06 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4780_206662"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4780_206662" result="shape"/>
</filter>
<filter id="filter3_d_4780_206662" x="5.33301" y="49.3333" width="21.3335" height="21.3333" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.00371203 0 0 0 0 0.333919 0 0 0 0 0.168816 0 0 0 0.35 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4780_206662"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4780_206662" result="shape"/>
</filter>
<linearGradient id="paint0_linear_4780_206662" x1="10.5" y1="25" x2="93" y2="25" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E5E5E9"/>
</linearGradient>
<linearGradient id="paint1_linear_4780_206662" x1="10.5" y1="34.0176" x2="93" y2="34.0176" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E5E5E9"/>
</linearGradient>
<linearGradient id="paint2_linear_4780_206662" x1="10.5" y1="43.0176" x2="93" y2="43.0176" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E5E5E9"/>
</linearGradient>
<linearGradient id="paint3_linear_4780_206662" x1="10.5" y1="52.0176" x2="93" y2="52.0176" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E5E5E9"/>
</linearGradient>
<linearGradient id="paint4_linear_4780_206662" x1="10.5" y1="61.0176" x2="93" y2="61.0176" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E5E5E9"/>
</linearGradient>
<clipPath id="clip0_4780_206662">
<rect width="4" height="4" fill="white" transform="translate(22 23)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

123
frontend/src/assets/svg/wait-handle-bug-img.svg Normal file
View File

@ -0,0 +1,123 @@
<svg width="106" height="77" viewBox="0 0 106 77" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle opacity="0.8" cx="27.5" cy="27.5" r="27.5" fill="#E9E8EC" fill-opacity="0.5"/>
<g filter="url(#filter0_d_4793_207570)">
<path d="M7 10C7 8.89543 7.89543 8 9 8H86C87.1046 8 88 8.89543 88 10V15H7V10Z" fill="#E9E8EC"/>
<path d="M7 15H88V61C88 62.1046 87.1046 63 86 63H9C7.89543 63 7 62.1046 7 61V15Z" fill="white"/>
<path d="M15 11.5C15 12.3284 14.3284 13 13.5 13C12.6716 13 12 12.3284 12 11.5C12 10.6716 12.6716 10 13.5 10C14.3284 10 15 10.6716 15 11.5Z" fill="#ED0303"/>
<path d="M21 11.5C21 12.3284 20.3284 13 19.5 13C18.6716 13 18 12.3284 18 11.5C18 10.6716 18.6716 10 19.5 10C20.3284 10 21 10.6716 21 11.5Z" fill="#FFA200"/>
<path d="M27 11.5C27 12.3284 26.3284 13 25.5 13C24.6716 13 24 12.3284 24 11.5C24 10.6716 24.6716 10 25.5 10C26.3284 10 27 10.6716 27 11.5Z" fill="#00C261"/>
<path d="M12.5 25C12.2239 25 12 24.7761 12 24.5L12 22.5C12 22.2239 12.2239 22 12.5 22L19.5 22C19.7761 22 20 22.2239 20 22.5L20 24.5C20 24.7761 19.7761 25 19.5 25L12.5 25Z" fill="#E9E8EC"/>
<path d="M12.5 31C12.2239 31 12 30.7761 12 30.5L12 28.5C12 28.2239 12.2239 28 12.5 28L19.5 28C19.7761 28 20 28.2239 20 28.5L20 30.5C20 30.7761 19.7761 31 19.5 31L12.5 31Z" fill="#C2D4FF"/>
<path d="M12.5 37C12.2239 37 12 36.7761 12 36.5L12 34.5C12 34.2239 12.2239 34 12.5 34L19.5 34C19.7761 34 20 34.2239 20 34.5L20 36.5C20 36.7761 19.7761 37 19.5 37L12.5 37Z" fill="#3370FF"/>
<path d="M12.5 43C12.2239 43 12 42.7761 12 42.5L12 40.5C12 40.2239 12.2239 40 12.5 40L19.5 40C19.7761 40 20 40.2239 20 40.5L20 42.5C20 42.7761 19.7761 43 19.5 43L12.5 43Z" fill="#FFE3B2"/>
<path d="M12.5 49C12.2239 49 12 48.7761 12 48.5L12 46.5C12 46.2239 12.2239 46 12.5 46L19.5 46C19.7761 46 20 46.2239 20 46.5L20 48.5C20 48.7761 19.7761 49 19.5 49L12.5 49Z" fill="#B2EDD0"/>
<path d="M12.5 55C12.2239 55 12 54.7761 12 54.5L12 52.5C12 52.2239 12.2239 52 12.5 52L19.5 52C19.7761 52 20 52.2239 20 52.5L20 54.5C20 54.7761 19.7761 55 19.5 55L12.5 55Z" fill="#FAB3B3"/>
<path d="M26.5 25C26.2239 25 26 24.7761 26 24.5L26 22.5C26 22.2239 26.2239 22 26.5 22L82.5 22C82.7761 22 83 22.2239 83 22.5L83 24.5C83 24.7761 82.7761 25 82.5 25L26.5 25Z" fill="url(#paint0_linear_4793_207570)"/>
<path d="M26.5 31C26.2239 31 26 30.7761 26 30.5L26 28.5C26 28.2239 26.2239 28 26.5 28L82.5 28C82.7761 28 83 28.2239 83 28.5L83 30.5C83 30.7761 82.7761 31 82.5 31L26.5 31Z" fill="url(#paint1_linear_4793_207570)"/>
<path d="M26.5 37C26.2239 37 26 36.7761 26 36.5L26 34.5C26 34.2239 26.2239 34 26.5 34L82.5 34C82.7761 34 83 34.2239 83 34.5L83 36.5C83 36.7761 82.7761 37 82.5 37L26.5 37Z" fill="url(#paint2_linear_4793_207570)"/>
<path d="M26.5 43C26.2239 43 26 42.7761 26 42.5L26 40.5C26 40.2239 26.2239 40 26.5 40L82.5 40C82.7761 40 83 40.2239 83 40.5L83 42.5C83 42.7761 82.7761 43 82.5 43L26.5 43Z" fill="url(#paint3_linear_4793_207570)"/>
<path d="M26.5 49C26.2239 49 26 48.7761 26 48.5L26 46.5C26 46.2239 26.2239 46 26.5 46L82.5 46C82.7761 46 83 46.2239 83 46.5L83 48.5C83 48.7761 82.7761 49 82.5 49L26.5 49Z" fill="url(#paint4_linear_4793_207570)"/>
<path d="M26.5 55C26.2239 55 26 54.7761 26 54.5L26 52.5C26 52.2239 26.2239 52 26.5 52L82.5 52C82.7761 52 83 52.2239 83 52.5L83 54.5C83 54.7761 82.7761 55 82.5 55L26.5 55Z" fill="url(#paint5_linear_4793_207570)"/>
</g>
<g filter="url(#filter1_d_4793_207570)">
<rect x="41.4165" y="2" width="55.5833" height="29" rx="1" fill="white"/>
<rect x="47.458" y="15.3245" width="4.83333" height="11.7568" fill="#FFF6E5" fill-opacity="0.929412"/>
<rect x="57.125" y="5.91895" width="4.83333" height="21.1622" fill="#FFBE4D"/>
<rect x="66.7915" y="10.6218" width="4.83333" height="16.4595" fill="#FFF6E5" fill-opacity="0.929412"/>
<rect x="76.458" y="15.3245" width="4.83333" height="11.7568" fill="#FFB026"/>
<rect x="86.125" y="15.3245" width="4.83333" height="11.7568" fill="#FFF6E5" fill-opacity="0.929412"/>
<path d="M47.458 21.9865L53.1317 16.2821C56.4946 12.9011 62.0842 13.3307 64.8908 17.186L65.3922 17.8747C67.777 21.1505 72.4451 21.7045 75.5304 19.0778V19.0778C77.8733 17.0832 81.2479 16.8638 83.8293 18.5382L90.3538 22.7703" stroke="url(#paint6_linear_4793_207570)" stroke-width="0.5"/>
</g>
<g filter="url(#filter2_d_4793_207570)">
<rect x="76" y="46" width="24" height="24" rx="1" fill="white"/>
<g filter="url(#filter3_d_4793_207570)">
<ellipse cx="87.9997" cy="57.9999" rx="6.66667" ry="6.66667" fill="#945DED"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M86.9994 56.4H86.3332L86.3332 58.2333L86.3332 58.4C86.3332 58.6425 86.4071 59.1574 86.6958 59.6003C86.9338 59.9656 87.3262 60.2979 87.9998 60.3804V56.4L86.9998 56.4C86.9997 56.4 86.9996 56.4 86.9994 56.4ZM88.6665 56.4V60.3806C89.341 60.2987 89.7333 59.9683 89.9709 59.605C90.259 59.1643 90.3332 58.6499 90.3332 58.4V58.2333V56.4H89.6669C89.6668 56.4 89.6666 56.4 89.6665 56.4L88.6665 56.4ZM89.999 55.7333H90.5284L91.4308 54.8309C91.561 54.7008 91.772 54.7008 91.9022 54.8309C92.0324 54.9611 92.0324 55.1722 91.9022 55.3024L90.9998 56.2047V57.9H91.6665C91.8506 57.9 91.9998 58.0492 91.9998 58.2333C91.9998 58.4174 91.8506 58.5667 91.6665 58.5667H90.9934C90.967 58.9253 90.8534 59.4698 90.5337 59.9624L91.4022 60.8309C91.5324 60.9611 91.5324 61.1722 91.4022 61.3024C91.272 61.4325 91.061 61.4325 90.9308 61.3024L90.0965 60.468C89.6895 60.8217 89.1176 61.0667 88.3332 61.0667C87.5495 61.0667 86.9782 60.8205 86.5716 60.4663L85.7355 61.3024C85.6054 61.4325 85.3943 61.4325 85.2641 61.3024C85.134 61.1722 85.134 60.9611 85.2641 60.8309L86.1347 59.9604C85.8144 59.467 85.7 58.9222 85.6732 58.5667H84.9998C84.8157 58.5667 84.6665 58.4174 84.6665 58.2333C84.6665 58.0492 84.8157 57.9 84.9998 57.9H85.6665V56.2047L84.7641 55.3024C84.634 55.1722 84.634 54.9611 84.7641 54.8309C84.8943 54.7008 85.1054 54.7008 85.2355 54.8309L86.1379 55.7333H86.6674C86.6956 54.8199 87.4185 54.0667 88.3332 54.0667C89.2479 54.0667 89.9707 54.8199 89.999 55.7333ZM89.3318 55.7333C89.3043 55.1646 88.8559 54.7333 88.3332 54.7333C87.8105 54.7333 87.3621 55.1646 87.3345 55.7333L88.3332 55.7333L89.3318 55.7333Z" fill="white"/>
</g>
<g filter="url(#filter4_d_4793_207570)">
<circle cx="13.5" cy="49.5" r="11.5" fill="#EFF8F4"/>
<circle cx="13.5" cy="49.5" r="11" stroke="white"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M21.8725 48.8947C21.8725 53.1846 18.3948 56.6623 14.1049 56.6623C9.81505 56.6623 6.3374 53.1846 6.3374 48.8947C6.3374 44.6048 9.81505 41.1272 14.1049 41.1272C18.3948 41.1272 21.8725 44.6048 21.8725 48.8947ZM16.9295 46.7763C16.9295 48.3363 15.6649 49.6009 14.1049 49.6009C12.545 49.6009 11.2804 48.3363 11.2804 46.7763C11.2804 45.2164 12.545 43.9518 14.1049 43.9518C15.6649 43.9518 16.9295 45.2164 16.9295 46.7763ZM19.6824 54.3009C18.2706 55.7572 16.2935 56.6623 14.1049 56.6623C11.9161 56.6623 9.93881 55.757 8.52694 54.3004C9.36816 52.5101 10.7565 50.6601 11.9865 50.6601H16.2233C17.4527 50.6601 18.841 52.5114 19.6824 54.3009Z" fill="#00C261"/>
<defs>
<filter id="filter0_d_4793_207570" x="3" y="8" width="89" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4793_207570"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4793_207570" result="shape"/>
</filter>
<filter id="filter1_d_4793_207570" x="41.4165" y="2" width="63.5835" height="37" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="4" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4793_207570"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4793_207570" result="shape"/>
</filter>
<filter id="filter2_d_4793_207570" x="74" y="45" width="32" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="3"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.218229 0 0 0 0 0.144106 0 0 0 0 0.014989 0 0 0 0.06 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4793_207570"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4793_207570" result="shape"/>
</filter>
<filter id="filter3_d_4793_207570" x="79.333" y="49.3333" width="21.3335" height="21.3333" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.138925 0 0 0 0 0.000902143 0 0 0 0 0.362272 0 0 0 0.18 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4793_207570"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4793_207570" result="shape"/>
</filter>
<filter id="filter4_d_4793_207570" x="0" y="38" width="31" height="31" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4793_207570"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4793_207570" result="shape"/>
</filter>
<linearGradient id="paint0_linear_4793_207570" x1="26" y1="23" x2="82.4717" y2="23.5571" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint1_linear_4793_207570" x1="26" y1="29" x2="82.4717" y2="29.5571" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint2_linear_4793_207570" x1="26" y1="35" x2="82.4717" y2="35.5571" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint3_linear_4793_207570" x1="26" y1="41" x2="82.4717" y2="41.5571" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint4_linear_4793_207570" x1="26" y1="47" x2="82.4717" y2="47.5571" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint5_linear_4793_207570" x1="26" y1="53" x2="82.4717" y2="53.5571" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint6_linear_4793_207570" x1="89.7497" y1="21.2028" x2="47.4699" y2="22.1339" gradientUnits="userSpaceOnUse">
<stop stop-color="#945DED"/>
<stop offset="1" stop-color="#ED0303"/>
</linearGradient>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 12 KiB

193
frontend/src/assets/svg/wait-review-img.svg Normal file
View File

@ -0,0 +1,193 @@
<svg width="100" height="70" viewBox="0 0 100 70" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M91.006 12.6335C95.6988 24.0291 79.9136 41.3343 55.7487 51.2856C31.5837 61.2369 8.18993 60.0661 3.49711 48.6705C-1.19572 37.2748 14.5895 19.9697 38.7544 10.0184C62.9193 0.0670564 86.3132 1.23789 91.006 12.6335Z" fill="#E9E8EC" fill-opacity="0.5"/>
<g filter="url(#filter0_d_4722_202312)">
<path d="M11 10C11 8.89543 11.8954 8 13 8H90C91.1046 8 92 8.89543 92 10V15H11V10Z" fill="#E9E8EC"/>
<path d="M11 15H92V61C92 62.1046 91.1046 63 90 63H13C11.8954 63 11 62.1046 11 61V15Z" fill="white"/>
<path d="M19 11.5C19 12.3284 18.3284 13 17.5 13C16.6716 13 16 12.3284 16 11.5C16 10.6716 16.6716 10 17.5 10C18.3284 10 19 10.6716 19 11.5Z" fill="#ED0303"/>
<path d="M25 11.5C25 12.3284 24.3284 13 23.5 13C22.6716 13 22 12.3284 22 11.5C22 10.6716 22.6716 10 23.5 10C24.3284 10 25 10.6716 25 11.5Z" fill="#FFA200"/>
<path d="M31 11.5C31 12.3284 30.3284 13 29.5 13C28.6716 13 28 12.3284 28 11.5C28 10.6716 28.6716 10 29.5 10C30.3284 10 31 10.6716 31 11.5Z" fill="#00C261"/>
<path opacity="0.8" d="M16 19.5C16 19.2239 16.2239 19 16.5 19H21.5C21.7761 19 22 19.2239 22 19.5V21.5C22 21.7761 21.7761 22 21.5 22H16.5C16.2239 22 16 21.7761 16 21.5V19.5Z" fill="#DFDEE4"/>
<path opacity="0.3" d="M54 19.5C54 19.2239 54.2239 19 54.5 19H86.5C86.7761 19 87 19.2239 87 19.5V21.5C87 21.7761 86.7761 22 86.5 22H54.5C54.2239 22 54 21.7761 54 21.5V19.5Z" fill="#DFDEE4"/>
<path d="M16.5 28C16.2239 28 16 27.7761 16 27.5L16 25.5C16 25.2239 16.2239 25 16.5 25L72.5 25C72.7761 25 73 25.2239 73 25.5L73 27.5C73 27.7761 72.7761 28 72.5 28L16.5 28Z" fill="url(#paint0_linear_4722_202312)"/>
<path d="M16.5 34C16.2239 34 16 33.7761 16 33.5L16 31.5C16 31.2239 16.2239 31 16.5 31L72.5 31C72.7761 31 73 31.2239 73 31.5L73 33.5C73 33.7761 72.7761 34 72.5 34L16.5 34Z" fill="url(#paint1_linear_4722_202312)"/>
<path d="M16.5 40C16.2239 40 16 39.7761 16 39.5L16 37.5C16 37.2239 16.2239 37 16.5 37L72.5 37C72.7761 37 73 37.2239 73 37.5L73 39.5C73 39.7761 72.7761 40 72.5 40L16.5 40Z" fill="url(#paint2_linear_4722_202312)"/>
<path d="M16.5 46C16.2239 46 16 45.7761 16 45.5L16 43.5C16 43.2239 16.2239 43 16.5 43L72.5 43C72.7761 43 73 43.2239 73 43.5L73 45.5C73 45.7761 72.7761 46 72.5 46L16.5 46Z" fill="url(#paint3_linear_4722_202312)"/>
<path d="M16.5 52C16.2239 52 16 51.7761 16 51.5L16 49.5C16 49.2239 16.2239 49 16.5 49L72.5 49C72.7761 49 73 49.2239 73 49.5L73 51.5C73 51.7761 72.7761 52 72.5 52L16.5 52Z" fill="url(#paint4_linear_4722_202312)"/>
<path d="M16.5 58C16.2239 58 16 57.7761 16 57.5L16 55.5C16 55.2239 16.2239 55 16.5 55L72.5 55C72.7761 55 73 55.2239 73 55.5L73 57.5C73 57.7761 72.7761 58 72.5 58L16.5 58Z" fill="url(#paint5_linear_4722_202312)"/>
<path d="M79.5 28C79.2239 28 79 27.7761 79 27.5L79 25.5C79 25.2239 79.2239 25 79.5 25L86.5 25C86.7761 25 87 25.2239 87 25.5L87 27.5C87 27.7761 86.7761 28 86.5 28L79.5 28Z" fill="#E9E8EC"/>
<path d="M79.5 34C79.2239 34 79 33.7761 79 33.5L79 31.5C79 31.2239 79.2239 31 79.5 31L86.5 31C86.7761 31 87 31.2239 87 31.5L87 33.5C87 33.7761 86.7761 34 86.5 34L79.5 34Z" fill="#C2D4FF"/>
<path d="M79.5 40C79.2239 40 79 39.7761 79 39.5L79 37.5C79 37.2239 79.2239 37 79.5 37L86.5 37C86.7761 37 87 37.2239 87 37.5L87 39.5C87 39.7761 86.7761 40 86.5 40L79.5 40Z" fill="#3370FF"/>
<path d="M79.5 46C79.2239 46 79 45.7761 79 45.5L79 43.5C79 43.2239 79.2239 43 79.5 43L86.5 43C86.7761 43 87 43.2239 87 43.5L87 45.5C87 45.7761 86.7761 46 86.5 46L79.5 46Z" fill="#FFE3B2"/>
<path d="M79.5 52C79.2239 52 79 51.7761 79 51.5L79 49.5C79 49.2239 79.2239 49 79.5 49L86.5 49C86.7761 49 87 49.2239 87 49.5L87 51.5C87 51.7761 86.7761 52 86.5 52L79.5 52Z" fill="#B2EDD0"/>
<path d="M79.5 58C79.2239 58 79 57.7761 79 57.5L79 55.5C79 55.2239 79.2239 55 79.5 55L86.5 55C86.7761 55 87 55.2239 87 55.5L87 57.5C87 57.7761 86.7761 58 86.5 58L79.5 58Z" fill="#FAB3B3"/>
<g filter="url(#filter1_d_4722_202312)">
<path d="M4 19C4 18.4477 4.44772 18 5 18H32C32.5523 18 33 18.4477 33 19V25C33 25.5523 32.5523 26 32 26H5C4.44772 26 4 25.5523 4 25V19Z" fill="white"/>
<g filter="url(#filter2_d_4722_202312)">
<path d="M12 22C12 23.6569 10.6569 25 9 25C7.34315 25 6 23.6569 6 22C6 20.3431 7.34315 19 9 19C10.6569 19 12 20.3431 12 22Z" fill="#F24F4F"/>
</g>
<path d="M9 23.6875C9.93198 23.6875 10.6875 22.932 10.6875 22C10.6875 21.068 9.93198 20.3125 9 20.3125C8.06802 20.3125 7.3125 21.068 7.3125 22C7.3125 22.932 8.06802 23.6875 9 23.6875ZM9 24.0625C7.86091 24.0625 6.9375 23.1391 6.9375 22C6.9375 20.8609 7.86091 19.9375 9 19.9375C10.1391 19.9375 11.0625 20.8609 11.0625 22C11.0625 23.1391 10.1391 24.0625 9 24.0625ZM9 21.7348L9.39775 21.3371C9.47097 21.2639 9.58969 21.2639 9.66291 21.3371V21.3371C9.73614 21.4103 9.73614 21.529 9.66291 21.6022L9.26517 22L9.66291 22.3977C9.73614 22.471 9.73614 22.5897 9.66291 22.6629V22.6629C9.58969 22.7361 9.47097 22.7361 9.39775 22.6629L9 22.2652L8.60225 22.6629C8.52903 22.7361 8.41031 22.7361 8.33709 22.6629V22.6629C8.26386 22.5897 8.26387 22.471 8.33709 22.3977L8.73484 22L8.33709 21.6022C8.26387 21.529 8.26386 21.4103 8.33709 21.3371V21.3371C8.41031 21.2639 8.52903 21.2639 8.60225 21.3371L9 21.7348Z" fill="white"/>
<path opacity="0.4" d="M13 20.5C13 20.2239 13.2239 20 13.5 20H18.5C18.7761 20 19 20.2239 19 20.5V20.5C19 20.7761 18.7761 21 18.5 21H13.5C13.2239 21 13 20.7761 13 20.5V20.5Z" fill="#F24F4F"/>
<path opacity="0.4" d="M13 23.5C13 23.2239 13.2239 23 13.5 23H26.5C26.7761 23 27 23.2239 27 23.5V23.5C27 23.7761 26.7761 24 26.5 24H13.5C13.2239 24 13 23.7761 13 23.5V23.5Z" fill="#F24F4F"/>
</g>
<g filter="url(#filter3_d_4722_202312)">
<path d="M24 30C24 29.4477 24.4477 29 25 29H52C52.5523 29 53 29.4477 53 30V36C53 36.5523 52.5523 37 52 37H25C24.4477 37 24 36.5523 24 36V30Z" fill="white"/>
<g filter="url(#filter4_d_4722_202312)">
<path d="M32 33C32 34.6569 30.6569 36 29 36C27.3431 36 26 34.6569 26 33C26 31.3431 27.3431 30 29 30C30.6569 30 32 31.3431 32 33Z" fill="#00C261"/>
</g>
<g clip-path="url(#clip0_4722_202312)">
<path d="M29 30.9375C29.5543 30.9375 30.0742 31.1574 30.4584 31.5416C30.8426 31.9258 31.0625 32.4457 31.0625 33C31.0625 33.5543 30.8426 34.0742 30.4584 34.4584C30.0742 34.8426 29.5543 35.0625 29 35.0625C28.4457 35.0625 27.9258 34.8426 27.5416 34.4584C27.1574 34.0742 26.9375 33.5543 26.9375 33C26.9375 32.4457 27.1574 31.9258 27.5416 31.5416C27.9258 31.1574 28.4457 30.9375 29 30.9375ZM29 31.3125C28.5462 31.3125 28.1213 31.4922 27.8068 31.8068C27.4922 32.1213 27.3125 32.5462 27.3125 33C27.3125 33.4538 27.4922 33.8787 27.8068 34.1932C28.1213 34.5078 28.5462 34.6875 29 34.6875C29.4538 34.6875 29.8787 34.5078 30.1932 34.1932C30.5078 33.8787 30.6875 33.4538 30.6875 33C30.6875 32.5462 30.5078 32.1213 30.1932 31.8068C29.8787 31.4922 29.4538 31.3125 29 31.3125ZM30.0701 32.3049C30.1433 32.3781 30.1433 32.4969 30.0701 32.5701L28.9451 33.6951C28.8719 33.7683 28.7531 33.7683 28.6799 33.6951L28.1174 33.1326C28.0442 33.0594 28.0442 32.9406 28.1174 32.8674C28.1906 32.7942 28.3094 32.7942 28.3826 32.8674L28.8125 33.2972L29.8049 32.3049C29.8781 32.2317 29.9969 32.2317 30.0701 32.3049Z" fill="white"/>
</g>
<path opacity="0.4" d="M33 31.5C33 31.2239 33.2239 31 33.5 31H38.5C38.7761 31 39 31.2239 39 31.5V31.5C39 31.7761 38.7761 32 38.5 32H33.5C33.2239 32 33 31.7761 33 31.5V31.5Z" fill="#B2EDD0"/>
<path opacity="0.4" d="M33 34.5C33 34.2239 33.2239 34 33.5 34H46.5C46.7761 34 47 34.2239 47 34.5V34.5C47 34.7761 46.7761 35 46.5 35H33.5C33.2239 35 33 34.7761 33 34.5V34.5Z" fill="#B2EDD0"/>
</g>
<g filter="url(#filter5_d_4722_202312)">
<path d="M65 53C65 52.4477 65.4477 52 66 52H93C93.5523 52 94 52.4477 94 53V59C94 59.5523 93.5523 60 93 60H66C65.4477 60 65 59.5523 65 59V53Z" fill="white"/>
<g filter="url(#filter6_d_4722_202312)">
<path d="M73 56C73 57.6569 71.6569 59 70 59C68.3431 59 67 57.6569 67 56C67 54.3431 68.3431 53 70 53C71.6569 53 73 54.3431 73 56Z" fill="#FFA200"/>
</g>
<g clip-path="url(#clip1_4722_202312)">
<path d="M70 53.9375C71.1391 53.9375 72.0625 54.8609 72.0625 56C72.0625 57.1391 71.1391 58.0625 70 58.0625C68.8609 58.0625 67.9375 57.1391 67.9375 56C67.9375 54.8609 68.8609 53.9375 70 53.9375ZM70 54.3125C69.068 54.3125 68.3125 55.068 68.3125 56C68.3125 56.932 69.068 57.6875 70 57.6875C70.932 57.6875 71.6875 56.932 71.6875 56C71.6875 55.068 70.932 54.3125 70 54.3125ZM70 55.0625C70.5178 55.0625 70.9375 55.4822 70.9375 56C70.9375 56.5178 70.5178 56.9375 70 56.9375C69.4822 56.9375 69.0625 56.5178 69.0625 56C69.0625 55.4822 69.4822 55.0625 70 55.0625ZM70 55.4375C69.6893 55.4375 69.4375 55.6893 69.4375 56C69.4375 56.3107 69.6893 56.5625 70 56.5625C70.3107 56.5625 70.5625 56.3107 70.5625 56C70.5625 55.6893 70.3107 55.4375 70 55.4375Z" fill="white"/>
</g>
<path opacity="0.4" d="M74 54.5C74 54.2239 74.2239 54 74.5 54H79.5C79.7761 54 80 54.2239 80 54.5V54.5C80 54.7761 79.7761 55 79.5 55H74.5C74.2239 55 74 54.7761 74 54.5V54.5Z" fill="#FFE3B2"/>
<path opacity="0.4" d="M74 57.5C74 57.2239 74.2239 57 74.5 57H87.5C87.7761 57 88 57.2239 88 57.5V57.5C88 57.7761 87.7761 58 87.5 58H74.5C74.2239 58 74 57.7761 74 57.5V57.5Z" fill="#FFE3B2"/>
</g>
<g filter="url(#filter7_d_4722_202312)">
<path d="M44 41C44 40.4477 44.4477 40 45 40H72C72.5523 40 73 40.4477 73 41V47C73 47.5523 72.5523 48 72 48H45C44.4477 48 44 47.5523 44 47V41Z" fill="white"/>
<g filter="url(#filter8_d_4722_202312)">
<path d="M52 44C52 45.6569 50.6569 47 49 47C47.3431 47 46 45.6569 46 44C46 42.3431 47.3431 41 49 41C50.6569 41 52 42.3431 52 44Z" fill="#3370FF"/>
</g>
<g clip-path="url(#clip2_4722_202312)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M46.25 44C46.25 45.5189 47.4811 46.75 49 46.75C50.5189 46.75 51.75 45.5189 51.75 44C51.75 42.4811 50.5189 41.25 49 41.25C47.4811 41.25 46.25 42.4811 46.25 44Z" fill="#3370FF"/>
</g>
<path d="M49.0001 42.25C49.4994 42.25 49.9499 42.4591 50.2687 42.7946L50.2558 42.6417C50.2511 42.5867 50.292 42.5383 50.347 42.5336L50.6459 42.5084C50.701 42.5038 50.7494 42.5446 50.754 42.5996L50.8423 43.6459C50.847 43.701 50.8061 43.7493 50.7511 43.754L49.7048 43.8423C49.6498 43.847 49.6014 43.8061 49.5968 43.7511L49.5715 43.4521C49.5669 43.3971 49.6077 43.3487 49.6628 43.3441L50.0438 43.3119C49.8201 42.9734 49.4362 42.75 49.0001 42.75C48.3434 42.75 47.8049 43.2564 47.754 43.9C47.7496 43.9551 47.7053 44 47.6501 44H47.3501C47.2948 44 47.2498 43.9551 47.2529 43.9C47.3047 42.98 48.0671 42.25 49.0001 42.25Z" fill="white"/>
<path d="M49.0926 45.75C48.5933 45.75 48.1428 45.5409 47.824 45.2054L47.8369 45.3583C47.8416 45.4133 47.8007 45.4617 47.7457 45.4664L47.4468 45.4916C47.3917 45.4962 47.3433 45.4554 47.3387 45.4004L47.2504 44.3541C47.2457 44.299 47.2866 44.2507 47.3416 44.246L48.3879 44.1577C48.4429 44.153 48.4913 44.1939 48.4959 44.2489L48.5212 44.5479C48.5258 44.6029 48.485 44.6513 48.4299 44.6559L48.0489 44.6881C48.2726 45.0266 48.6565 45.25 49.0926 45.25C49.7493 45.25 50.2878 44.7436 50.3387 44.1C50.3431 44.0449 50.3874 44 50.4427 44H50.7426C50.7979 44 50.8429 44.0449 50.8398 44.1C50.788 45.02 50.0256 45.75 49.0926 45.75Z" fill="white"/>
<path opacity="0.4" d="M53 42.5C53 42.2239 53.2239 42 53.5 42H58.5C58.7761 42 59 42.2239 59 42.5V42.5C59 42.7761 58.7761 43 58.5 43H53.5C53.2239 43 53 42.7761 53 42.5V42.5Z" fill="#709BFF"/>
<path opacity="0.4" d="M53 45.5C53 45.2239 53.2239 45 53.5 45H66.5C66.7761 45 67 45.2239 67 45.5V45.5C67 45.7761 66.7761 46 66.5 46H53.5C53.2239 46 53 45.7761 53 45.5V45.5Z" fill="#709BFF"/>
</g>
</g>
<defs>
<filter id="filter0_d_4722_202312" x="2" y="6" width="98" height="63" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="2"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.13092 0 0 0 0 0 0 0 0 0 0.342773 0 0 0 0.11 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_202312"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_202312" result="shape"/>
</filter>
<filter id="filter1_d_4722_202312" x="2" y="18" width="37" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_202312"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_202312" result="shape"/>
</filter>
<filter id="filter2_d_4722_202312" x="6" y="19" width="8" height="8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.391846 0 0 0 0 0.00690705 0 0 0 0 0.00690705 0 0 0 0.11 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_202312"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_202312" result="shape"/>
</filter>
<filter id="filter3_d_4722_202312" x="22" y="29" width="37" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_202312"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_202312" result="shape"/>
</filter>
<filter id="filter4_d_4722_202312" x="26" y="30" width="8" height="8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.00635462 0 0 0 0 0.467578 0 0 0 0 0.236966 0 0 0 0.17 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_202312"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_202312" result="shape"/>
</filter>
<filter id="filter5_d_4722_202312" x="63" y="52" width="37" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_202312"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_202312" result="shape"/>
</filter>
<filter id="filter6_d_4722_202312" x="67" y="53" width="8" height="8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.421419 0 0 0 0 0.270052 0 0 0 0 0.0063789 0 0 0 0.16 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_202312"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_202312" result="shape"/>
</filter>
<filter id="filter7_d_4722_202312" x="42" y="40" width="37" height="16" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="2" dy="4"/>
<feGaussianBlur stdDeviation="2"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.118655 0 0 0 0 0 0 0 0 0 0.310661 0 0 0 0.1 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_202312"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_202312" result="shape"/>
</filter>
<filter id="filter8_d_4722_202312" x="46" y="41" width="8" height="8" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feOffset dx="1" dy="1"/>
<feGaussianBlur stdDeviation="0.5"/>
<feComposite in2="hardAlpha" operator="out"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.0118871 0 0 0 0 0.149958 0 0 0 0 0.473633 0 0 0 0.14 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4722_202312"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4722_202312" result="shape"/>
</filter>
<linearGradient id="paint0_linear_4722_202312" x1="16" y1="26" x2="72.4717" y2="26.5571" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint1_linear_4722_202312" x1="16" y1="32" x2="72.4717" y2="32.5571" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint2_linear_4722_202312" x1="16" y1="38" x2="72.4717" y2="38.5571" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint3_linear_4722_202312" x1="16" y1="44" x2="72.4717" y2="44.5571" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint4_linear_4722_202312" x1="16" y1="50" x2="72.4717" y2="50.5571" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<linearGradient id="paint5_linear_4722_202312" x1="16" y1="56" x2="72.4717" y2="56.5571" gradientUnits="userSpaceOnUse">
<stop stop-color="white"/>
<stop offset="1" stop-color="#E9E8EC"/>
</linearGradient>
<clipPath id="clip0_4722_202312">
<rect width="4.5" height="4.5" fill="white" transform="translate(26.75 30.75)"/>
</clipPath>
<clipPath id="clip1_4722_202312">
<rect width="4.5" height="4.5" fill="white" transform="translate(67.75 53.75)"/>
</clipPath>
<clipPath id="clip2_4722_202312">
<rect width="6" height="6" fill="white" transform="translate(46 41)"/>
</clipPath>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

46
frontend/src/assets/svg/work-no-card.svg Normal file
View File

@ -0,0 +1,46 @@
<svg width="178" height="108" viewBox="0 0 178 108" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_d_4575_111039)">
<path d="M9 9C9 6.79086 10.7909 5 13 5H165C167.209 5 169 6.79086 169 9V91C169 93.2091 167.209 95 165 95H13C10.7909 95 9 93.2091 9 91V9Z" fill="#F9F9FE"/>
<path d="M9.5 9C9.5 7.067 11.067 5.5 13 5.5H165C166.933 5.5 168.5 7.067 168.5 9V91C168.5 92.933 166.933 94.5 165 94.5H13C11.067 94.5 9.5 92.933 9.5 91V9Z" stroke="white"/>
</g>
<path d="M10 8C10 6.89543 10.8954 6 12 6H166C167.105 6 168 6.89543 168 8V19H10V8Z" fill="#EDEDF1"/>
<circle cx="28" cy="12" r="3" fill="white"/>
<circle cx="38" cy="12" r="3" fill="white"/>
<circle cx="18" cy="12" r="3" fill="white"/>
<rect x="61.1" y="23.1" width="101.8" height="67.8" rx="0.9" fill="white" stroke="#EDEDF1" stroke-width="0.2"/>
<rect x="65" y="27" width="94" height="8" rx="0.5" fill="#F2E9F6"/>
<rect x="13.1" y="23.1" width="43.8" height="67.8" rx="0.9" fill="white" stroke="#EDEDF1" stroke-width="0.2"/>
<rect x="17.1" y="27.1" width="35.8" height="7.8" rx="0.4" fill="#F2E9F6" stroke="#783887" stroke-width="0.2" stroke-dasharray="0.4 0.4"/>
<rect x="17" y="37" width="36" height="8" rx="0.5" fill="#EDEDF1"/>
<rect x="17" y="47" width="36" height="8" rx="0.5" fill="#EDEDF1"/>
<rect x="17" y="57" width="36" height="8" rx="0.5" fill="#EDEDF1"/>
<rect x="17" y="67" width="36" height="8" rx="0.5" fill="#EDEDF1"/>
<rect x="17" y="77" width="36" height="8" rx="0.5" fill="#EDEDF1"/>
<g filter="url(#filter1_d_4575_111039)">
<rect x="29" y="29" width="44" height="12" rx="0.5" fill="white"/>
</g>
<rect x="39" y="33" width="28" height="4" rx="2" fill="#B379C8"/>
<circle cx="35" cy="35" r="2" fill="#B379C8"/>
<defs>
<filter id="filter0_d_4575_111039" x="0" y="0" width="178" height="108" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_4575_111039"/>
<feOffset dy="4"/>
<feGaussianBlur stdDeviation="5"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.392157 0 0 0 0 0.392157 0 0 0 0 0.4 0 0 0 0.15 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4575_111039"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4575_111039" result="shape"/>
</filter>
<filter id="filter1_d_4575_111039" x="28" y="29" width="46" height="14" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
<feMorphology radius="1" operator="erode" in="SourceAlpha" result="effect1_dropShadow_4575_111039"/>
<feOffset dy="1"/>
<feGaussianBlur stdDeviation="1"/>
<feColorMatrix type="matrix" values="0 0 0 0 0.392157 0 0 0 0 0.392157 0 0 0 0 0.4 0 0 0 0.3 0"/>
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_4575_111039"/>
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_4575_111039" result="shape"/>
</filter>
</defs>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

2
frontend/src/components/pure/ms-back-button/index.vue
View File

@ -75,7 +75,7 @@
border-radius: 6px;
color: rgb(var(--primary-6));
box-shadow: 0 3px 14px 2px rgba(0 0 0/ 5%);
@apply flex items-center justify-center bg-white font-medium;
@apply flex cursor-pointer items-center justify-center bg-white font-medium;
}
.back-button-top {
transform: rotate(180deg);

4
frontend/src/enums/workbenchEnum.ts
View File

@ -4,7 +4,7 @@ export enum WorkOverviewIconEnum {
API = 'icon-icon_api',
API_CASE = 'icon-icon_case',
API_SCENARIO = 'icon-icon_environment',
API_PLAN = 'icon-icon_calendar_dot',
TEST_PLAN = 'icon-icon_calendar_dot',
BUG_COUNT = 'icon-icon_bug',
}
@ -14,7 +14,7 @@ export enum WorkOverviewEnum {
API = 'API',
API_CASE = 'API_CASE',
API_SCENARIO = 'API_SCENARIO',
API_PLAN = 'API_PLAN', // 接口计划
TEST_PLAN = 'TEST_PLAN', // 测试计划
BUG_COUNT = 'BUG_COUNT', // 缺陷数量
}

29
frontend/src/models/workbench/homePage.ts Normal file
View File

@ -0,0 +1,29 @@
import { WorkCardEnum } from '@/enums/workbenchEnum';
// 配置卡片列表
export interface WorkConfigItem {
label: string;
value: string;
description?: string;
img?: string;
expand?: boolean;
}
export interface childrenWorkConfigItem extends WorkConfigItem {
value: WorkCardEnum;
}
export interface WorkConfigCard extends WorkConfigItem {
children: childrenWorkConfigItem[];
}
export interface SelectedCardItem {
label: string;
id: string; // 唯一id
key: WorkCardEnum;
fullScreen: boolean; // 是否全屏
isDisabledHalfScreen: boolean; // 是否禁用半屏幕
pos?: number; // 排序
projectIds: string[];
handleUsers: string[];
}

13
frontend/src/views/workbench/homePage/components/apiAndScenarioCase.vue
View File

@ -11,13 +11,14 @@
<div>
<MsSelect
v-model:model-value="projectIds"
:options="projectOptions"
:allow-search="false"
:options="appStore.projectList"
allow-clear
allow-search
value-key="id"
label-key="name"
:search-keys="['name']"
class="!w-[240px]"
:prefix="t('workbench.homePage.project')"
:has-all-select="true"
:default-all-select="true"
>
</MsSelect>
</div>
@ -70,14 +71,14 @@
import RatioPie from './ratioPie.vue';
import { useI18n } from '@/hooks/useI18n';
import useAppStore from '@/store/modules/app';
import { addCommasToNumber } from '@/utils';
import { WorkCardEnum } from '@/enums/workbenchEnum';
import type { SelectOptionData } from '@arco-design/web-vue';
const appStore = useAppStore();
const projectIds = ref('');
const projectOptions = ref<SelectOptionData[]>([]);
const { t } = useI18n();
const props = defineProps<{

22
frontend/src/views/workbench/homePage/components/apiChangeList.vue
View File

@ -7,13 +7,14 @@
<div>
<MsSelect
v-model:model-value="projectIds"
:options="projectOptions"
:allow-search="false"
:options="appStore.projectList"
allow-clear
allow-search
value-key="id"
label-key="name"
:search-keys="['name']"
class="!w-[240px]"
:prefix="t('workbench.homePage.project')"
:has-all-select="true"
:default-all-select="true"
>
</MsSelect>
</div>
@ -50,13 +51,13 @@
import MsSelect from '@/components/business/ms-select';
import { useI18n } from '@/hooks/useI18n';
import type { SelectOptionData } from '@arco-design/web-vue';
import useAppStore from '@/store/modules/app';
const { t } = useI18n();
const projectIds = ref('');
const projectOptions = ref<SelectOptionData[]>([]);
const appStore = useAppStore();
const columns: MsTableColumn = [
{
@ -72,6 +73,13 @@
dataIndex: 'apiName',
width: 200,
},
{
title: 'apiTestManagement.path',
dataIndex: 'path',
showTooltip: true,
width: 200,
showDrag: true,
},
{
title: 'workbench.homePage.associationCASE',
slotName: 'case',

11
frontend/src/views/workbench/homePage/components/apiCount.vue
View File

@ -5,13 +5,14 @@
<div>
<MsSelect
v-model:model-value="projectIds"
:options="projectOptions"
:allow-search="false"
:options="appStore.projectList"
allow-clear
allow-search
value-key="id"
label-key="name"
:search-keys="['name']"
class="!w-[240px]"
:prefix="t('workbench.homePage.project')"
:has-all-select="true"
:default-all-select="true"
>
</MsSelect>
</div>
@ -44,11 +45,13 @@
import { commonConfig, toolTipConfig } from '@/config/testPlan';
import { useI18n } from '@/hooks/useI18n';
import useAppStore from '@/store/modules/app';
import { addCommasToNumber } from '@/utils';
import type { SelectOptionData } from '@arco-design/web-vue';
const { t } = useI18n();
const appStore = useAppStore();
const projectIds = ref('');
const projectOptions = ref<SelectOptionData[]>([]);

187
frontend/src/views/workbench/homePage/components/cardSettingDrawer.vue Normal file
View File

@ -0,0 +1,187 @@
<template>
<MsDrawer
v-model:visible="innerVisible"
:title="t('workbench.homePage.cardSetting')"
:width="1200"
:footer="false"
no-content-padding
unmount-on-close
:closable="false"
class="ms-drawer"
>
<template #tbutton>
<div class="flex items-center justify-end gap-[8px]">
<a-button type="secondary" @click="exitHandler">
{{ t('workbench.homePage.exitEdit') }}
</a-button>
<a-button type="primary" :loading="confirmLoading" @click="saveHandler">
{{ t('common.save') }}
</a-button>
</div>
</template>
<div class="setting-wrapper">
<div class="setting-wrapper-config">
<CardSettingList @add="addCard" />
</div>
<div class="setting-wrapper-content">
<!-- 布局开始 -->
<div v-if="selectedCardList.length" class="setting-content-grid">
<VueDraggable
v-model="selectedCardList"
class="grid grid-cols-2 gap-4"
ghost-class="ghost"
handle=".card-item"
>
<div
v-for="item of selectedCardList"
:key="item.id"
:class="`card-item ${item.fullScreen ? 'col-span-2' : ''}`"
>
<div class="card-item-text">
<a-tooltip :content="t('workbench.homePage.sort')" :mouse-enter-delay="300">
<MsIcon type="icon-icon_drag" size="16" class="cursor-move text-[var(--color-text-4)]" />
</a-tooltip>
<div>{{ item.label }}</div>
</div>
<div class="card-item-text">
<a-radio-group v-model="item.fullScreen" size="small" type="button">
<a-radio :disabled="item.isDisabledHalfScreen" :value="false">
{{ t('workbench.homePage.halfScreen') }}
</a-radio>
<a-radio :value="true">{{ t('workbench.homePage.fullScreen') }}</a-radio>
</a-radio-group>
<a-tooltip :content="t('common.delete')" :mouse-enter-delay="300">
<a-button
class="arco-btn-outline--secondary !p-[4px]"
type="outline"
size="small"
@click="deleteHandler(item)"
>
<MsIcon
size="16"
type="icon-icon_delete-trash_outlined1"
class="delete-icon text-[var(--color-text-4)] hover:text-[rgb(var(--danger-6))]"
/>
</a-button>
</a-tooltip>
</div>
</div>
</VueDraggable>
</div>
<!-- 布局结束-->
<NotData v-else is-dashboard />
</div>
</div>
</MsDrawer>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import { Message } from '@arco-design/web-vue';
import { VueDraggable } from 'vue-draggable-plus';
import MsDrawer from '@/components/pure/ms-drawer/index.vue';
import NotData from './notData.vue';
import CardSettingList from '@/views/workbench/homePage/components/cardSettingList.vue';
import { useI18n } from '@/hooks/useI18n';
import useAppStore from '@/store/modules/app';
import { getGenerateId } from '@/utils';
import { childrenWorkConfigItem, SelectedCardItem } from '@/models/workbench/homePage';
import { WorkCardEnum } from '@/enums/workbenchEnum';
const appStore = useAppStore();
const { t } = useI18n();
const innerVisible = defineModel<boolean>('visible', {
required: true,
});
const selectedCardList = ref<SelectedCardItem[]>([]);
const isFullScreenType = [
WorkCardEnum.API_CHANGE,
WorkCardEnum.REVIEWING_BY_ME,
WorkCardEnum.PROJECT_VIEW,
WorkCardEnum.PROJECT_MEMBER_VIEW,
WorkCardEnum.CREATE_BY_ME,
];
const defaultAllProjectType = [WorkCardEnum.PROJECT_VIEW, WorkCardEnum.CREATE_BY_ME];
// 添加卡片
function addCard(item: childrenWorkConfigItem) {
const newCard: SelectedCardItem = {
id: getGenerateId(),
fullScreen: !!isFullScreenType.includes(item.value),
isDisabledHalfScreen: isFullScreenType.includes(item.value),
label: item.label,
key: item.value,
projectIds: defaultAllProjectType.includes(item.value) ? [] : [appStore.currentProjectId],
handleUsers: [],
};
selectedCardList.value.push(newCard);
}
function exitHandler() {
innerVisible.value = false;
}
// 删除卡片
function deleteHandler(item: SelectedCardItem) {
const index = selectedCardList.value.findIndex((e) => e.id === item.id);
selectedCardList.value.splice(index, 1);
}
const confirmLoading = ref<boolean>(false);
// 保存
async function saveHandler() {
try {
selectedCardList.value = selectedCardList.value.map((e, pos) => {
return {
...e,
pos,
};
});
Message.success(t('common.saveSuccess'));
} catch (error) {
console.log(error);
}
}
</script>
<style scoped lang="less">
.setting-wrapper {
background: var(--color-text-n9);
@apply flex h-full;
.setting-wrapper-config {
padding-left: 12px;
width: 300px;
box-shadow: 0 0 10px rgba(120 56 135/ 5%);
@apply bg-white;
}
.setting-wrapper-content {
padding: 16px;
width: calc(100% - 300px);
height: calc(100vh - 56px);
@apply overflow-y-auto overflow-x-hidden;
.ms-scroll-bar();
}
}
.card-item {
padding: 16px;
border-radius: 4px;
box-shadow: 0 0 10px rgba(120 56 135/ 5%);
@apply flex items-center justify-between bg-white;
.card-item-text {
@apply flex items-center gap-2;
}
}
.arco-btn-outline--secondary:hover {
border-color: rgb(var(--danger-6)) !important;
.delete-icon {
color: rgb(var(--danger-6));
}
}
</style>

301
frontend/src/views/workbench/homePage/components/cardSettingList.vue Normal file
View File

@ -0,0 +1,301 @@
<template>
<div class="p-[16px]">
<a-input-search
v-model:model-value="searchKeyword"
:placeholder="t('workbench.homePage.searchCard')"
allow-clear
@search="searchList"
@press-enter="searchList"
@clear="resetSearch"
/>
</div>
<div class="card-config-menu-wrapper">
<a-menu class="w-full" :default-open-keys="defaultOpenKeys">
<a-sub-menu v-for="item of filteredConfigList" :key="item.value">
<template #title>
<div class="font-medium text-[var(--color-text-1)]">
{{ item.label }}
</div>
</template>
<a-menu-item v-for="ele of item.children" :key="ele.value" class="card-config-item" @click="addCard(ele)">
<div class="card-config-menu-item">
<div class="card-config-img">
<svg-icon width="98px" height="69px" :name="ele.img" />
</div>
<div class="card-config-text">
<div>{{ ele.label }}</div>
<div class="card-config-desc flex">
<div>{{ ele.description }}</div>
</div>
</div>
</div>
</a-menu-item>
</a-sub-menu>
</a-menu>
</div>
</template>
<script setup lang="ts">
import { ref } from 'vue';
import { useI18n } from '@/hooks/useI18n';
import { childrenWorkConfigItem, WorkConfigCard } from '@/models/workbench/homePage';
import { WorkCardEnum } from '@/enums/workbenchEnum';
const { t } = useI18n();
const defaultOpenKeys = ref(['overview', 'caseManagement', 'apiTest', 'testPlan', 'bugManagement']);
const emit = defineEmits<{
(e: 'add', item: childrenWorkConfigItem): void;
}>();
const configList = ref<WorkConfigCard[]>([
{
label: t('workbench.homePage.overview'),
value: 'overview',
description: '',
img: '',
children: [
{
label: t('workbench.homePage.projectOverview'),
value: WorkCardEnum.PROJECT_VIEW,
description: t('workbench.homePage.projectOverviewDesc'),
img: 'project-overview-img',
},
{
label: t('workbench.homePage.staffOverview'),
value: WorkCardEnum.PROJECT_MEMBER_VIEW,
description: t('workbench.homePage.staffOverviewDesc'),
img: 'staff-overview-img',
},
{
label: t('workbench.homePage.createdByMe'),
value: WorkCardEnum.CREATE_BY_ME,
description: t('workbench.homePage.createdByMeDesc'),
img: 'my-created-project-img',
},
],
},
{
label: t('menu.caseManagement'),
value: 'caseManagement',
description: '',
img: '',
children: [
{
label: t('workbench.homePage.useCasesNumber'),
value: WorkCardEnum.CASE_COUNT,
description: t('workbench.homePage.useCasesNumberDesc'),
img: 'link-case-img',
},
{
label: t('workbench.homePage.useCasesCount'),
value: WorkCardEnum.ASSOCIATE_CASE_COUNT,
description: t('workbench.homePage.useCasesCountDesc'),
img: 'case-count-img',
},
{
label: t('workbench.homePage.numberOfCaseReviews'),
value: WorkCardEnum.REVIEW_CASE_COUNT,
description: t('workbench.homePage.numberOfCaseReviewsDesc'),
img: 'case-review-img',
},
{
label: t('workbench.homePage.waitForReview'),
value: WorkCardEnum.REVIEWING_BY_ME,
description: t('workbench.homePage.waitForReviewDesc'),
img: 'wait-review-img',
},
],
},
{
label: t('menu.apiTest'),
value: 'apiTest',
description: '',
img: '',
children: [
{
label: t('workbench.homePage.apiCount'),
value: WorkCardEnum.API_COUNT,
description: t('workbench.homePage.apiCountDesc'),
img: 'api-count-img',
},
{
label: t('workbench.homePage.apiUseCasesNumber'),
value: WorkCardEnum.API_CASE_COUNT,
description: t('workbench.homePage.apiUseCasesNumberDesc'),
img: 'api-use-case-img',
},
{
label: t('workbench.homePage.scenarioUseCasesNumber'),
value: WorkCardEnum.SCENARIO_COUNT,
description: t('workbench.homePage.scenarioUseCasesNumberDesc'),
img: 'scenario-case-img',
},
{
label: t('workbench.homePage.interfaceChange'),
value: WorkCardEnum.API_CHANGE,
description: t('workbench.homePage.interfaceChangeDesc'),
img: 'api-change-img',
},
],
},
{
label: t('menu.testPlan'),
value: 'testPlan',
description: '',
img: '',
children: [
{
label: t('workbench.homePage.numberOfTestPlan'),
value: WorkCardEnum.TEST_PLAN_COUNT,
description: t('workbench.homePage.numberOfTestPlanDesc'),
img: 'test-plan-img',
},
{
label: t('workbench.homePage.remainingBugOfPlan'),
value: WorkCardEnum.PLAN_LEGACY_BUG,
description: t('workbench.homePage.remainingBugOfPlanDesc'),
img: 'test-plan-bug-img',
},
],
},
{
label: t('menu.bugManagement'),
value: 'bugManagement',
description: '',
img: '',
children: [
{
label: t('workbench.homePage.bugCount'),
value: WorkCardEnum.BUG_COUNT,
description: t('workbench.homePage.bugCountDesc'),
img: 'bug-count-img',
},
{
label: t('workbench.homePage.createdBugByMe'),
value: WorkCardEnum.CREATE_BUG_BY_ME,
description: t('workbench.homePage.createdBugByMeDesc'),
img: 'my-created-bug-img',
},
{
label: t('workbench.homePage.pendingDefect'),
value: WorkCardEnum.HANDLE_BUG_BY_ME,
description: t('workbench.homePage.pendingDefectDesc'),
img: 'wait-handle-bug-img',
},
{
label: t('workbench.homePage.defectProcessingNumber'),
value: WorkCardEnum.BUG_HANDLE_USER,
description: t('workbench.homePage.defectProcessingNumberDesc'),
img: 'bug-handler-img',
},
],
},
]);
const searchKeyword = ref(''); // 存储搜索关键字
const filteredConfigList = computed(() => {
if (!searchKeyword.value) {
return configList.value;
}
return configList.value
.map((item) => ({
...item,
children: item.children.filter((child) =>
child.label.toLowerCase().includes(searchKeyword.value.toLowerCase())
),
}))
.filter((item) => item.children.length > 0);
});
// 搜索
function searchList(keyword: string) {
searchKeyword.value = keyword;
}
// 重置
function resetSearch() {
searchKeyword.value = '';
}
function addCard(item: childrenWorkConfigItem) {
emit('add', item);
}
</script>
<style scoped lang="less">
.card-config-menu-wrapper {
height: calc(100vh - 148px);
@apply overflow-y-auto overflow-x-hidden;
.ms-scroll-bar();
:deep(.card-config-item) {
padding: 0;
background: white;
}
.card-config-menu-item {
padding: 8px 16px 8px 10px;
@apply flex gap-2;
.card-config-img {
width: 98px;
height: 69px;
border: 1px solid var(--color-text-n8);
border-radius: 6px;
}
.card-config-text {
line-height: 22px;
@apply flex flex-col justify-start;
.card-config-desc {
/* stylelint-disable-next-line value-no-vendor-prefix */
display: -webkit-box !important;
overflow: hidden;
font-size: 12px;
text-overflow: ellipsis;
word-wrap: break-word; /* 在单词边界换行 */
white-space: normal; /* 允许正常换行 */
color: var(--color-text-4);
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
}
}
}
}
:deep(.arco-menu-light) {
background: none !important;
.arco-menu-inner {
padding: 0 !important;
.arco-menu-inline-header {
&:hover {
background: white !important;
}
}
.arco-menu-selected {
font-weight: normal !important;
color: var(--color-text-1) !important;
&:not(.arco-menu-inline-header) {
background-color: white !important;
}
}
}
.arco-menu-item {
:hover {
background: var(--color-text-n9) !important;
}
}
}
:deep(.arco-menu-item-inner) {
padding: 0;
}
:deep(.arco-menu-indent-list) {
display: none;
}
:deep(.arco-menu-inline) {
.arco-menu-inline-header {
padding: 0 0 0 8px;
}
}
</style>

15
frontend/src/views/workbench/homePage/components/caseCount.vue
View File

@ -5,13 +5,14 @@
<div>
<MsSelect
v-model:model-value="projectIds"
:options="projectOptions"
:allow-search="false"
:options="appStore.projectList"
allow-clear
allow-search
value-key="id"
label-key="name"
:search-keys="['name']"
class="!w-[240px]"
:prefix="t('workbench.homePage.project')"
:has-all-select="true"
:default-all-select="true"
>
</MsSelect>
</div>
@ -44,13 +45,13 @@
import { commonConfig, seriesConfig, toolTipConfig } from '@/config/testPlan';
import { useI18n } from '@/hooks/useI18n';
import useAppStore from '@/store/modules/app';
import type { LegendData } from '@/models/apiTest/report';
import type { SelectOptionData } from '@arco-design/web-vue';
const projectIds = ref('');
const projectOptions = ref<SelectOptionData[]>([]);
const appStore = useAppStore();
const { t } = useI18n();
const options = ref({

13
frontend/src/views/workbench/homePage/components/caseReviewedCount.vue
View File

@ -5,13 +5,14 @@
<div>
<MsSelect
v-model:model-value="projectIds"
:options="projectOptions"
:allow-search="false"
:options="appStore.projectList"
allow-clear
allow-search
value-key="id"
label-key="name"
:search-keys="['name']"
class="!w-[240px]"
:prefix="t('workbench.homePage.project')"
:has-all-select="true"
:default-all-select="true"
>
</MsSelect>
</div>
@ -41,13 +42,13 @@
import { commonConfig, seriesConfig, toolTipConfig } from '@/config/testPlan';
import { useI18n } from '@/hooks/useI18n';
import useAppStore from '@/store/modules/app';
import type { LegendData } from '@/models/apiTest/report';
import type { SelectOptionData } from '@arco-design/web-vue';
const appStore = useAppStore();
const projectIds = ref('');
const projectOptions = ref<SelectOptionData[]>([]);
const { t } = useI18n();
const options = ref({

13
frontend/src/views/workbench/homePage/components/countOverview.vue
View File

@ -5,13 +5,14 @@
<div>
<MsSelect
v-model:model-value="projectIds"
:options="projectOptions"
:allow-search="false"
:options="appStore.projectList"
allow-clear
allow-search
value-key="id"
label-key="name"
:search-keys="['name']"
class="!w-[240px]"
:prefix="t('workbench.homePage.project')"
:has-all-select="true"
:default-all-select="true"
>
</MsSelect>
</div>
@ -46,13 +47,13 @@
import { commonConfig, seriesConfig, toolTipConfig } from '@/config/testPlan';
import { useI18n } from '@/hooks/useI18n';
import useAppStore from '@/store/modules/app';
import type { LegendData } from '@/models/apiTest/report';
import type { SelectOptionData } from '@arco-design/web-vue';
const appStore = useAppStore();
const projectIds = ref('');
const projectOptions = ref<SelectOptionData[]>([]);
const { t } = useI18n();
const props = defineProps<{

12
frontend/src/views/workbench/homePage/components/defectMemberBar.vue
View File

@ -5,13 +5,14 @@
<div class="flex items-center gap-[8px]">
<MsSelect
v-model:model-value="projectIds"
:options="projectOptions"
:allow-search="false"
:options="appStore.projectList"
allow-clear
allow-search
value-key="id"
label-key="name"
:search-keys="['name']"
class="!w-[240px]"
:prefix="t('workbench.homePage.project')"
:has-all-select="true"
:default-all-select="true"
>
</MsSelect>
<MsSelect
@ -44,6 +45,7 @@
import MsSelect from '@/components/business/ms-select';
import { useI18n } from '@/hooks/useI18n';
import useAppStore from '@/store/modules/app';
import { defectStatusColor, getCommonBarOptions } from '../utils';
import type { SelectOptionData } from '@arco-design/web-vue';
@ -52,9 +54,9 @@
const memberIds = ref('');
const projectIds = ref('');
const appStore = useAppStore();
const memberOptions = ref<SelectOptionData[]>([]);
const projectOptions = ref<SelectOptionData[]>([]);
const options = ref<Record<string, any>>({});
const members = computed(() => ['张三', '李四', '王五', '小王']);

36
frontend/src/views/workbench/homePage/components/notData.vue
View File

@ -3,13 +3,27 @@
<div class="flex h-full w-full flex-col items-center justify-center">
<div class="no-config-svg"></div>
<div class="flex items-center">
{{ t('workbench.homePage.workEmptyConfig') }}
<MsButton type="text" class="ml-[8px] font-medium">
{{
appStore.projectList.length
? t('workbench.homePage.workEmptyConfig')
: t('workbench.homePage.workNoProjectTip')
}}
<MsButton
v-if="appStore.projectList.length"
type="text"
class="ml-[8px] font-medium"
@click="() => emit('config')"
>
{{ t('workbench.homePage.configureWorkbench') }}
</MsButton>
</div>
</div>
</MsCard>
<div v-else-if="props.isDashboard" class="no-card">
<div class="no-card-svg"></div>
<div class="font-medium text-[var(--color-text-1)]">{{ t('workbench.homePage.noCard') }}</div>
<div class="text-[var(--color-text-4)]">{{ t('workbench.homePage.noCardDesc') }}</div>
</div>
<div v-else class="not-setting-data">
{{ t('workbench.homePage.noDataTemporarily') }}
</div>
@ -22,12 +36,19 @@
import MsCard from '@/components/pure/ms-card/index.vue';
import { useI18n } from '@/hooks/useI18n';
import useAppStore from '@/store/modules/app';
const props = defineProps<{
allScreen?: boolean;
isDashboard?: boolean; // 是否仪表盘
}>();
const { t } = useI18n();
const appStore = useAppStore();
const emit = defineEmits<{
(e: 'config'): void;
}>();
</script>
<style scoped lang="less">
@ -45,4 +66,15 @@
background: url('@/assets/svg/config-work.svg');
background-size: cover;
}
.no-card {
margin-top: -10%;
@apply flex h-full w-full flex-col items-center justify-center gap-4;
.no-card-svg {
margin: 0 auto;
width: 160px;
height: 90px;
background: url('@/assets/svg/work-no-card.svg');
background-size: cover;
}
}
</style>

30
frontend/src/views/workbench/homePage/components/overview.vue
View File

@ -5,9 +5,12 @@
<div>
<MsSelect
v-model:model-value="projectIds"
:options="projectOptions"
:allow-search="false"
:options="appStore.projectList"
allow-clear
allow-search
value-key="id"
label-key="name"
:search-keys="['name']"
class="!w-[240px]"
:prefix="t('workbench.homePage.project')"
:multiple="true"
@ -38,22 +41,21 @@
import TabCard from './tabCard.vue';
import { useI18n } from '@/hooks/useI18n';
import useAppStore from '@/store/modules/app';
import { WorkOverviewEnum, WorkOverviewIconEnum } from '@/enums/workbenchEnum';
import { commonColorConfig, getCommonBarOptions } from '../utils';
import type { SelectOptionData } from '@arco-design/web-vue';
const { t } = useI18n();
const props = defineProps<{
title: string;
}>();
const appStore = useAppStore();
const projectIds = ref('');
const projectOptions = ref<SelectOptionData[]>([]);
const contentTabList = ref([
{
label: t('workbench.homePage.functionalUseCase'),
@ -92,8 +94,8 @@
},
{
label: t('workbench.homePage.apiPlan'),
value: WorkOverviewEnum.API_PLAN,
icon: WorkOverviewIconEnum.API_PLAN,
value: WorkOverviewEnum.TEST_PLAN,
icon: WorkOverviewIconEnum.TEST_PLAN,
color: 'rgb(var(--link-6))',
count: 1000000,
},
@ -121,7 +123,7 @@
itemStyle: {
borderRadius: [2, 2, 0, 0], // 上边圆角
},
data: [400, 200, 150, 80, 70, 110, 130],
data: [null, 230, 150, 80, 70, 110, 130],
},
{
name: '项目B',
@ -186,4 +188,14 @@
});
</script>
<style scoped lang="less"></style>
<style scoped lang="less">
:deep(.arco-select-view-multiple.arco-select-view-size-medium .arco-select-view-tag) {
margin-top: 1px;
margin-bottom: 1px;
max-width: 80px;
height: auto;
min-height: 24px;
line-height: 22px;
vertical-align: middle;
}
</style>

17
frontend/src/views/workbench/homePage/components/overviewMember.vue
View File

@ -5,14 +5,14 @@
<div class="flex items-center gap-[8px]">
<MsSelect
v-model:model-value="projectIds"
:options="projectOptions"
:allow-search="false"
:options="appStore.projectList"
allow-clear
allow-search
value-key="id"
label-key="name"
:search-keys="['name']"
class="!w-[240px]"
:prefix="t('workbench.homePage.project')"
:multiple="true"
:has-all-select="true"
:default-all-select="true"
>
</MsSelect>
<MsSelect
@ -50,6 +50,7 @@
import TabCard from './tabCard.vue';
import { useI18n } from '@/hooks/useI18n';
import useAppStore from '@/store/modules/app';
import { addCommasToNumber } from '@/utils';
import { WorkOverviewEnum, WorkOverviewIconEnum } from '@/enums/workbenchEnum';
@ -58,12 +59,12 @@
import type { SelectOptionData } from '@arco-design/web-vue';
const { t } = useI18n();
const appStore = useAppStore();
const memberIds = ref('');
const projectIds = ref('');
const memberOptions = ref<SelectOptionData[]>([]);
const projectOptions = ref<SelectOptionData[]>([]);
const contentTabList = ref([
{
@ -103,8 +104,8 @@
},
{
label: t('workbench.homePage.apiPlan'),
value: WorkOverviewEnum.API_PLAN,
icon: WorkOverviewIconEnum.API_PLAN,
value: WorkOverviewEnum.TEST_PLAN,
icon: WorkOverviewIconEnum.TEST_PLAN,
color: 'rgb(var(--link-6))',
count: 1000000,
},

13
frontend/src/views/workbench/homePage/components/relatedCaseCount.vue
View File

@ -5,13 +5,14 @@
<div>
<MsSelect
v-model:model-value="projectIds"
:options="projectOptions"
:allow-search="false"
:options="appStore.projectList"
allow-clear
allow-search
value-key="id"
label-key="name"
:search-keys="['name']"
class="!w-[240px]"
:prefix="t('workbench.homePage.project')"
:has-all-select="true"
:default-all-select="true"
>
</MsSelect>
</div>
@ -47,14 +48,14 @@
import { commonConfig, seriesConfig, toolTipConfig } from '@/config/testPlan';
import { useI18n } from '@/hooks/useI18n';
import useAppStore from '@/store/modules/app';
import type { LegendData } from '@/models/apiTest/report';
import type { SelectOptionData } from '@arco-design/web-vue';
const appStore = useAppStore();
const { t } = useI18n();
const projectIds = ref('');
const projectOptions = ref<SelectOptionData[]>([]);
const options = ref({
...commonConfig,

5
frontend/src/views/workbench/homePage/components/tabCard.vue
View File

@ -23,6 +23,7 @@
<script setup lang="ts">
import { ref } from 'vue';
import { debounce } from 'lodash-es';
import NoData from './notData.vue';
@ -44,7 +45,7 @@
const width = ref<string | number>();
const calculateWidth = () => {
const calculateWidth = debounce(() => {
const wrapperContent = document.querySelector('.card-wrapper') as HTMLElement;
if (wrapperContent) {
const wrapperTotalWidth = wrapperContent.offsetWidth;
@ -56,7 +57,7 @@
const itemWidth = Math.floor((wrapperTotalWidth - paddingWidth - gapWidth) / props.contentTabList.length);
width.value = `${itemWidth - borderWidth}px`;
}
};
}, 300);
onMounted(() => {
calculateWidth();

14
frontend/src/views/workbench/homePage/components/testPlanCount.vue
View File

@ -7,13 +7,14 @@
<div>
<MsSelect
v-model:model-value="projectIds"
:options="projectOptions"
:allow-search="false"
:options="appStore.projectList"
allow-clear
allow-search
value-key="id"
label-key="name"
:search-keys="['name']"
class="!w-[240px]"
:prefix="t('workbench.homePage.project')"
:has-all-select="true"
:default-all-select="true"
>
</MsSelect>
</div>
@ -46,16 +47,15 @@
import { commonConfig, seriesConfig, toolTipConfig } from '@/config/testPlan';
import { useI18n } from '@/hooks/useI18n';
import useAppStore from '@/store/modules/app';
import type { LegendData } from '@/models/apiTest/report';
import { WorkCardEnum } from '@/enums/workbenchEnum';
import type { SelectOptionData } from '@arco-design/web-vue';
const { t } = useI18n();
const appStore = useAppStore();
const projectIds = ref('');
const projectOptions = ref<SelectOptionData[]>([]);
const options = ref({
...commonConfig,

9
frontend/src/views/workbench/homePage/components/waitReviewList.vue
View File

@ -5,13 +5,14 @@
<div>
<MsSelect
v-model:model-value="projectIds"
:options="projectOptions"
:allow-search="false"
:options="appStore.projectList"
allow-clear
allow-search
value-key="id"
label-key="name"
:search-keys="['name']"
class="!w-[240px]"
:prefix="t('workbench.homePage.project')"
:has-all-select="true"
:default-all-select="true"
>
</MsSelect>
</div>

206
frontend/src/views/workbench/homePage/index.vue
View File

@ -1,9 +1,14 @@
<template>
<div class="work-bench-content">
<div class="header-setting">
<div class="header-setting pb-[4px]">
<div class="setting flex items-center justify-between">
<div class="flex items-center gap-[8px]">
<a-radio-group v-model:model-value="timeType" type="button" size="medium" @change="handleChangeTime">
<a-radio-group
v-model:model-value="timeForm.dayNumber"
type="button"
size="medium"
@change="handleChangeTime"
>
<a-radio value="3" class="show-type-icon p-[2px]">
{{ t('workbench.homePage.nearlyThreeDays') }}
</a-radio>
@ -15,17 +20,18 @@
</a-radio>
</a-radio-group>
<a-range-picker
v-if="timeType === 'customize'"
v-if="timeForm.dayNumber === 'customize'"
v-model:model-value="rangeTime"
show-time
value-format="timestamp"
:time-picker-props="{
defaultValue: tempRange,
}"
class="w-[360px]"
@select="onSelect"
@select="handleTimeSelect"
/>
</div>
<a-button type="outline" class="arco-btn-outline--secondary !px-[8px]">
<a-button type="outline" class="arco-btn-outline--secondary !px-[8px]" @click="cardSetting">
<template #icon>
<icon-settings class="setting-icon" @click="handleShowSetting" />
</template>
@ -34,60 +40,31 @@
</div>
</div>
<!-- TODO 等待卡片设置列表排版出来调整 -->
<div class="card-content">
<div class="card-item">
<Overview :title="t('workbench.homePage.overview')" />
</div>
<div class="card-item">
<Overview :title="t('workbench.homePage.createdByMe')" />
</div>
<div class="card-item">
<OverviewMember />
</div>
<div class="card-item">
<CaseCount />
</div>
<div class="card-item">
<RelatedCaseCount />
</div>
<div class="card-item">
<CaseReviewedCount />
</div>
<div class="card-item">
<WaitReviewList />
</div>
<div class="card-item">
<ApiAndScenarioCase :type="WorkCardEnum.API_CASE_COUNT" />
</div>
<div class="card-item">
<ApiAndScenarioCase :type="WorkCardEnum.SCENARIO_COUNT" />
</div>
<div class="card-item">
<ApiChangeList />
</div>
<div class="card-item">
<DefectMemberBar />
</div>
<div class="card-item">
<DefectCount :type="WorkCardEnum.HANDLE_BUG_BY_ME" />
</div>
<div class="card-item">
<DefectCount :type="WorkCardEnum.CREATE_BUG_BY_ME" />
</div>
<div class="card-item">
<DefectCount :type="WorkCardEnum.BUG_COUNT" />
</div>
<div class="card-item">
<DefectCount :type="WorkCardEnum.PLAN_LEGACY_BUG" />
</div>
<div class="card-item">
<ApiCount />
</div>
<div class="card-item">
<TestPlanCount />
<div v-if="defaultWorkList.length" class="card-content grid grid-cols-2 gap-4">
<div v-for="item of defaultWorkList" :key="item.id" :class="`card-item ${item.fullScreen ? 'col-span-2' : ''}`">
<Overview
v-if="[WorkCardEnum.CREATE_BY_ME, WorkCardEnum.PROJECT_VIEW].includes(item.key)"
:title="item.label"
/>
<OverviewMember v-else-if="item.key === WorkCardEnum.PROJECT_MEMBER_VIEW" />
<CaseCount v-else-if="item.key === WorkCardEnum.CASE_COUNT" />
<RelatedCaseCount v-else-if="item.key === WorkCardEnum.ASSOCIATE_CASE_COUNT" />
<CaseReviewedCount v-else-if="item.key === WorkCardEnum.REVIEW_CASE_COUNT" />
<WaitReviewList v-else-if="item.key === WorkCardEnum.REVIEWING_BY_ME" />
<ApiAndScenarioCase
v-else-if="[WorkCardEnum.API_CASE_COUNT, WorkCardEnum.SCENARIO_COUNT].includes(item.key)"
:type="item.key"
/>
<ApiChangeList v-else-if="item.key === WorkCardEnum.API_CHANGE" />
<DefectMemberBar v-else-if="item.key === WorkCardEnum.BUG_HANDLE_USER" />
<DefectCount v-else-if="countOfBug.includes(item.key)" :type="item.key" />
<ApiCount v-else-if="item.key === WorkCardEnum.API_COUNT" />
<TestPlanCount v-else-if="item.key === WorkCardEnum.TEST_PLAN_COUNT" />
</div>
</div>
<NoData v-else all-screen />
</div>
<CardSettingDrawer v-model:visible="showSettingDrawer" />
<MsBackButton target=".page-content" />
</template>
@ -98,9 +75,11 @@
import ApiAndScenarioCase from './components/apiAndScenarioCase.vue';
import ApiChangeList from './components/apiChangeList.vue';
import ApiCount from './components/apiCount.vue';
import CardSettingDrawer from './components/cardSettingDrawer.vue';
import CaseCount from './components/caseCount.vue';
import CaseReviewedCount from './components/caseReviewedCount.vue';
import DefectCount from './components/defectCount.vue';
import NoData from './components/notData.vue';
import Overview from './components/overview.vue';
import RelatedCaseCount from './components/relatedCaseCount.vue';
import TestPlanCount from './components/testPlanCount.vue';
@ -109,30 +88,123 @@
import OverviewMember from '@/views/workbench/homePage/components/overviewMember.vue';
import { useI18n } from '@/hooks/useI18n';
import { useUserStore } from '@/store';
import { getGenerateId } from '@/utils';
import { getLocalStorage, setLocalStorage } from '@/utils/local-storage';
import { SelectedCardItem } from '@/models/workbench/homePage';
import { WorkCardEnum } from '@/enums/workbenchEnum';
const userStore = useUserStore();
const { t } = useI18n();
// 显示设置
function handleShowSetting() {}
const timeType = ref('3');
// 改变时间
function handleChangeTime() {}
const rangeTime = ref<number[]>([]);
const tempRange = ref<(Date | string | number)[]>(['00:00:00', '00:00:00']);
const initTime = {
dayNumber: '3',
startTime: 0,
endTime: 0,
};
const timeForm = ref({ ...initTime });
function onSelect(value: (Date | string | number | undefined)[]) {}
function resetTime() {
timeForm.value = { ...initTime };
rangeTime.value = [];
}
// 改变时间类型
function handleChangeTime(value: string | number | boolean, ev: Event) {
resetTime();
timeForm.value.dayNumber = value as string;
setLocalStorage(`WORK_TIME_${userStore.id}`, JSON.stringify(timeForm.value));
}
// 改变时间
function handleTimeSelect(value: (Date | string | number | undefined)[]) {
if (value) {
timeForm.value.startTime = 0;
timeForm.value.endTime = 0;
const start = (value as number[])[0];
const end = (value as number[])[1];
tempRange.value = [end, start];
timeForm.value.startTime = start;
timeForm.value.endTime = end;
setLocalStorage(`WORK_TIME_${userStore.id}`, JSON.stringify(timeForm.value));
}
}
const showSettingDrawer = ref(false);
// 卡片设置
function cardSetting() {
showSettingDrawer.value = true;
}
const countOfBug = [
WorkCardEnum.HANDLE_BUG_BY_ME,
WorkCardEnum.CREATE_BUG_BY_ME,
WorkCardEnum.BUG_COUNT,
WorkCardEnum.PLAN_LEGACY_BUG,
];
const defaultWorkList = ref<SelectedCardItem[]>([]);
function initDefaultList() {
if (userStore.isAdmin) {
defaultWorkList.value = [
{
id: getGenerateId(),
label: t('workbench.homePage.projectOverview'),
key: WorkCardEnum.PROJECT_VIEW,
fullScreen: true,
isDisabledHalfScreen: true,
projectIds: [],
handleUsers: [],
},
{
id: getGenerateId(),
label: t('workbench.homePage.staffOverview'),
key: WorkCardEnum.PROJECT_MEMBER_VIEW,
fullScreen: true,
isDisabledHalfScreen: true,
projectIds: [],
handleUsers: [],
},
];
}
}
onMounted(() => {
initDefaultList();
const defaultTime = getLocalStorage(`WORK_TIME_${userStore.id}`);
if (!defaultTime) {
setLocalStorage(`WORK_TIME_${userStore.id}`, JSON.stringify(timeForm.value));
} else {
timeForm.value = JSON.parse(defaultTime);
const { startTime, endTime } = timeForm.value;
rangeTime.value = [startTime, endTime];
}
});
</script>
<style scoped lang="less">
.setting {
.setting-icon {
color: var(--color-text-4);
background-color: var(--color-text-10);
cursor: pointer;
&:hover {
color: rgba(var(--primary-5));
.work-bench-content {
.header-setting {
position: sticky;
top: 0;
z-index: 999;
background: var(--color-text-n9);
.setting {
.setting-icon {
color: var(--color-text-4);
background-color: var(--color-text-10);
cursor: pointer;
&:hover {
color: rgba(var(--primary-5));
}
}
}
}
}

29
frontend/src/views/workbench/homePage/locale/en-US.ts
View File

@ -50,4 +50,33 @@ export default {
'workbench.homePage.unFinish': 'uncompleted',
'workbench.homePage.numberOfTestPlan': 'Number of test plan',
'workbench.homePage.numberOfCaseReviews': 'Number of cases to review',
'workbench.homePage.projectOverview': 'Project overview',
'workbench.homePage.projectOverviewDesc': 'Statistics Statistics of the resources and distribution of the project',
'workbench.homePage.staffOverviewDesc':
'Statistics data statistics of resources and distributions created by members in selected projects',
'workbench.homePage.createdByMeDesc': 'Statistics of resource distribution data created in the projects involved',
'workbench.homePage.useCasesNumberDesc': 'Statistics of the total number of use cases and the review of use cases',
'workbench.homePage.useCasesCountDesc': 'Use case Indicates the data statistics of an associated interface test case',
'workbench.homePage.numberOfCaseReviewsDesc':
'Statistics on the total number of use case reviews and status distribution',
'workbench.homePage.waitForReviewDesc':
'The review status is [incomplete], and the actual reviewer is reviewing my use case',
'workbench.homePage.apiCountDesc':
'Total number of interfaces and interface coverage and completion rate data statistics',
'workbench.homePage.apiUseCasesNumberDesc': 'Interfaces in the total amount of cases and completion data statistics',
'workbench.homePage.scenarioUseCasesNumberDesc':
'Total number of scenario use cases and statistics of use case execution and completion',
'workbench.homePage.interfaceChangeDesc': 'Interface change data statistics',
'workbench.homePage.remainingBugOfPlanDesc': 'Test plan associated defect and non-end state defect data statistics',
'workbench.homePage.bugCountDesc': 'Statistics of total number of defects and distribution data of defect status',
'workbench.homePage.createdBugByMeDesc': 'The creator calculates my defect data',
'workbench.homePage.pendingDefectDesc': 'The defect is in a non-ending state, and the handler is my defect',
'workbench.homePage.searchCard': 'Search by card',
'workbench.homePage.noCard': 'No card',
'workbench.homePage.noCardDesc': 'Click on the data card you want to display from the left and adjust the position',
'workbench.homePage.exitEdit': 'Exit edit',
'workbench.homePage.halfScreen': 'Half screen',
'workbench.homePage.fullScreen': 'Full screen',
'workbench.homePage.sort': 'Sort',
'workbench.homePage.workNoProjectTip': 'Workbench no content, please join the project',
};

26
frontend/src/views/workbench/homePage/locale/zh-CN.ts
View File

@ -51,4 +51,30 @@ export default {
'workbench.homePage.unFinish': '未完成',
'workbench.homePage.numberOfTestPlan': '测试计划数量',
'workbench.homePage.numberOfCaseReviews': '用例评审数量',
'workbench.homePage.projectOverview': '项目概览',
'workbench.homePage.projectOverviewDesc': '统计所在项目的资源及分布的数据统计',
'workbench.homePage.staffOverviewDesc': '统计成员在所选项目中创建的资源及分布的数据统计',
'workbench.homePage.createdByMeDesc': '所参与的项目中创建的资源分布数据统计',
'workbench.homePage.useCasesNumberDesc': '用例的总数及用例的评审的数据统计',
'workbench.homePage.useCasesCountDesc': '用例已关联接口测试用例的数据统计',
'workbench.homePage.numberOfCaseReviewsDesc': '用例评审的总数及状态分布的数据统计',
'workbench.homePage.waitForReviewDesc': '评审状态为 [未完成]，且实际评审人为我的用例评审',
'workbench.homePage.apiCountDesc': '统计接口总数及接口覆盖率和完成率数据统计',
'workbench.homePage.apiUseCasesNumberDesc': '接口用例总数及接口完成情况的数据统计',
'workbench.homePage.scenarioUseCasesNumberDesc': '场景用例总数及用例执行和完成的数据统计',
'workbench.homePage.interfaceChangeDesc': '接口变更数据统计',
'workbench.homePage.numberOfTestPlanDesc': '测试计划总数及计划&计划组的分布统计',
'workbench.homePage.remainingBugOfPlanDesc': '测试计划关联的缺陷及非结束状态缺陷数据统计',
'workbench.homePage.bugCountDesc': '缺陷总数及缺陷状态分布数据统计',
'workbench.homePage.createdBugByMeDesc': '创建人为我的缺陷数据统计',
'workbench.homePage.pendingDefectDesc': '缺陷为非结束状态，且处理人为我的缺陷',
'workbench.homePage.defectProcessingNumberDesc': '根据处理人，显示未结束状态的缺陷分布数据统计',
'workbench.homePage.searchCard': '卡片搜索',
'workbench.homePage.noCard': '暂无卡片',
'workbench.homePage.noCardDesc': '请从左侧点击要展示的数据卡片，并调整合适的位置',
'workbench.homePage.exitEdit': '退出编辑',
'workbench.homePage.halfScreen': '半屏',
'workbench.homePage.fullScreen': '全屏',
'workbench.homePage.sort': '排序',
'workbench.homePage.workNoProjectTip': '工作台暂无内容，请先加入项目',
};

66
frontend/src/views/workbench/homePage/utils.ts
View File

@ -95,71 +95,7 @@ export function getCommonBarOptions(hasRoom: boolean, color: string[]): Record<s
},
],
colorBy: 'series',
series: [
// {
// name: '项目A',
// type: 'bar',
// barWidth: 12,
// itemStyle: {
// borderRadius: [2, 2, 0, 0], // 上边圆角
// },
// data: [400, 200, 150, 80, 70, 110, 130],
// },
// {
// name: '项目B',
// type: 'bar',
// barWidth: 12,
// itemStyle: {
// borderRadius: [2, 2, 0, 0], // 上边圆角
// },
// data: [90, 160, 130, 100, 90, 120, 140],
// },
// {
// name: '项目C',
// type: 'bar',
// barWidth: 12,
// itemStyle: {
// borderRadius: [2, 2, 0, 0], // 上边圆角
// },
// data: [100, 140, 120, 90, 100, 130, 120],
// },
// {
// name: '项目D',
// type: 'bar',
// barWidth: 12,
// itemStyle: {
// borderRadius: [2, 2, 0, 0], // 上边圆角
// },
// data: [90, 160, 130, 100, 90, 120, 140],
// },
// {
// name: '项目E',
// type: 'bar',
// barWidth: 12,
// itemStyle: {
// borderRadius: [2, 2, 0, 0], // 上边圆角
// },
// data: [100, 140, 120, 90, 100, 130, 120],
// },
// {
// name: '项目F',
// type: 'bar',
// barWidth: 12,
// itemStyle: {
// borderRadius: [2, 2, 0, 0], // 上边圆角
// },
// data: [100, 140, 120, 90, 40, 130, 120],
// },
// {
// name: '项目G',
// type: 'bar',
// barWidth: 12,
// itemStyle: {
// borderRadius: [2, 2, 0, 0], // 上边圆角
// },
// data: [100, 140, 120, 90, 40, 130, 120],
// },
],
series: [],
legend: {
show: true,
type: 'scroll',