Infrastructure/logto
0
Fork 0
mirror of https://github.com/logto-io/logto.git synced 2025-03-31 22:51:25 -05:00
Code Issues Activity

refactor(console): update loading illustrations

Browse source
This commit is contained in:
Charles Zhao 2022-06-28 16:39:34 +08:00
parent 6c6e06474a
commit 235c4d38ef
No known key found for this signature in database
GPG key ID: 4858774754C92DF2
2 changed files with 73 additions and 89 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

80
packages/console/src/assets/images/loading-illustration-dark.svg
View file

@ -1,61 +1,53 @@
<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="128" cy="114" r="78" stroke="#3D3C5A" stroke-width="60"/>
<rect x="55" y="36" width="4" height="160" rx="2" fill="#545B8C"/>
<rect x="142.243" y="27" width="4" height="140" rx="2" transform="rotate(60 142.243 27)" fill="#545B8C"/>
<path d="M42.6221 187.732C42.6221 183.314 46.2038 179.732 50.6221 179.732H74.6221C79.0403 179.732 82.6221 183.314 82.6221 187.732V195.732H42.6221V187.732Z" fill="#D9D9D9"/>
<circle cx="57" cy="78" r="8" fill="#9F9EC8"/>
<circle cx="57" cy="78" r="4" fill="#545B8C"/>
<circle cx="146.548" cy="54.5476" r="12" transform="rotate(-45 146.548 54.5476)" fill="#FFB95A"/>
<path d="M169.882 32.6273C169.882 32.6273 159.752 42.7579 147.255 55.2547C134.758 67.7515 124.627 77.8821 124.627 77.8821C112.131 65.3853 112.131 45.1241 124.627 32.6273C137.124 20.1305 157.385 20.1305 169.882 32.6273Z" fill="url(#paint0_linear_308_11878)"/>
<path d="M40 124C40 119.582 43.5817 116 48 116H176C180.418 116 184 119.582 184 124V224H40V124Z" fill="#9388C1"/>
<path d="M44 124C44 121.791 45.7909 120 48 120H176C178.209 120 180 121.791 180 124V220H44V124Z" fill="#3D3B47"/>
<path d="M40 218H232V220C232 222.209 230.209 224 228 224H40V218Z" fill="#8870E9"/>
<path d="M102 120H122V122C122 124.209 120.209 126 118 126H106C103.791 126 102 124.209 102 122V120Z" fill="#1F1E25"/>
<rect x="84" y="147" width="80" height="48" rx="4" fill="#585469"/>
<path d="M84 151C84 148.791 85.7909 147 88 147H160C162.209 147 164 148.791 164 151V153H84V151Z" fill="#6F6988"/>
<circle cx="89" cy="150" r="1" fill="#CB777C"/>
<circle cx="93" cy="150" r="1" fill="#D1AA75"/>
<circle cx="97" cy="150" r="1" fill="#86A988"/>
<rect x="92" y="161" width="20" height="4" rx="2" fill="#6F6988"/>
<rect x="128" y="161" width="28" height="26" rx="2" fill="#6F6988"/>
<rect x="92" y="169" width="28" height="4" rx="2" fill="#6E678B"/>
<rect x="92" y="183" width="8" height="4" rx="2" fill="#6F6988"/>
<path d="M21 152H69L63.6113 216.664C63.3212 220.146 63.1761 221.887 62.0279 222.944C60.8797 224 59.1328 224 55.6389 224H34.3611C30.8672 224 29.1203 224 27.9721 222.944C26.8239 221.887 26.6788 220.146 26.3887 216.664L21 152Z" fill="#8F8BB8"/>
<circle cx="128" cy="124" r="78" stroke="#3D3C5A" stroke-width="60"/>
<path d="M218.66 54C218.66 52.8954 217.765 52 216.66 52C215.556 52 214.66 52.8954 214.66 54V230C214.66 231.105 215.556 232 216.66 232C217.765 232 218.66 231.105 218.66 230V54Z" fill="#545B8C"/>
<rect width="4" height="140" rx="2" transform="matrix(-0.5 0.866025 0.866025 0.5 131.415 33)" fill="#545B8C"/>
<path d="M231.038 223.732C231.038 219.314 227.456 215.732 223.038 215.732H199.038C194.619 215.732 191.038 219.314 191.038 223.732V231.732H231.038V223.732Z" fill="#D9D9D9"/>
<circle r="8" transform="matrix(-1 0 0 1 216.66 84)" fill="#9F9EC8"/>
<circle r="4" transform="matrix(-1 0 0 1 216.66 84)" fill="#545B8C"/>
<circle r="12" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 127.112 60.5477)" fill="#FFB95A"/>
<path d="M103.778 38.6274C103.778 38.6274 113.909 48.758 126.405 61.2548C138.902 73.7516 149.033 83.8822 149.033 83.8822C161.53 71.3855 161.53 51.1242 149.033 38.6274C136.536 26.1306 116.275 26.1306 103.778 38.6274Z" fill="url(#paint0_linear_503_14537)"/>
<path d="M40 134C40 129.582 43.5817 126 48 126H176C180.418 126 184 129.582 184 134V234H40V134Z" fill="#9388C1"/>
<path d="M44 134C44 131.791 45.7909 130 48 130H176C178.209 130 180 131.791 180 134V230H44V134Z" fill="#3D3B47"/>
<path d="M40 228H232V230C232 232.209 230.209 234 228 234H40V228Z" fill="#8870E9"/>
<path d="M102 130H122V132C122 134.209 120.209 136 118 136H106C103.791 136 102 134.209 102 132V130Z" fill="#1F1E25"/>
<rect x="84" y="157" width="80" height="48" rx="4" fill="#585469"/>
<path d="M84 161C84 158.791 85.7909 157 88 157H160C162.209 157 164 158.791 164 161V163H84V161Z" fill="#6F6988"/>
<circle cx="89" cy="160" r="1" fill="#CB777C"/>
<circle cx="93" cy="160" r="1" fill="#D1AA75"/>
<circle cx="97" cy="160" r="1" fill="#86A988"/>
<rect x="92" y="171" width="20" height="4" rx="2" fill="#6F6988"/>
<rect x="128" y="171" width="28" height="26" rx="2" fill="#6F6988"/>
<rect x="92" y="179" width="28" height="4" rx="2" fill="#6E678B"/>
<rect x="92" y="193" width="8" height="4" rx="2" fill="#6F6988"/>
<path d="M21 162H69L63.6113 226.664C63.3212 230.146 63.1761 231.887 62.0279 232.944C60.8797 234 59.1328 234 55.6389 234H34.3611C30.8672 234 29.1203 234 27.9721 232.944C26.8239 231.887 26.6788 230.146 26.3887 226.664L21 162Z" fill="#8F8BB8"/>
<g opacity="0.06">
<path d="M69 152H61L55 224H55.6389C59.1328 224 60.8797 224 62.0279 222.944C63.1761 221.887 63.3212 220.146 63.6113 216.664L69 152Z" fill="black" style="mix-blend-mode:soft-light"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M69 152H21L21.1667 154H68.8333L69 152Z" fill="black" fill-opacity="0.06"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.6801 200C24.9331 200 24.0597 200 23.4856 199.472C22.9115 198.944 22.839 198.073 22.6939 196.332L20.3606 168.332C20.1916 166.305 20.1072 165.292 20.7014 164.646C21.2956 164 22.3126 164 24.3467 164H65.6523C67.6865 164 68.7035 164 69.2977 164.646C69.8919 165.292 69.8074 166.305 69.6385 168.332L67.3052 196.332C67.1601 198.073 67.0876 198.944 66.5135 199.472C65.9394 200 65.0659 200 63.319 200H26.6801Z" fill="#AF9EFF"/>
<path style="mix-blend-mode:soft-light" fill-rule="evenodd" clip-rule="evenodd" d="M63 200H63.3195C65.0664 200 65.9399 200 66.514 199.472C67.088 198.944 67.1606 198.073 67.3057 196.332L69.639 168.332C69.8079 166.305 69.8924 165.292 69.2982 164.646C68.7388 164.038 67.8046 164.002 66 164L63 200Z" fill="black" fill-opacity="0.4"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M28 174C28 173.448 28.4477 173 29 173C29.5523 173 30 173.448 30 174V190C30 190.552 29.5523 191 29 191C28.4477 191 28 190.552 28 190V174ZM32 174C32 173.448 32.4477 173 33 173C33.5523 173 34 173.448 34 174V190C34 190.552 33.5523 191 33 191C32.4477 191 32 190.552 32 190V174ZM37 173C36.4477 173 36 173.448 36 174V190C36 190.552 36.4477 191 37 191C37.5523 191 38 190.552 38 190V174C38 173.448 37.5523 173 37 173ZM40 174C40 173.448 40.4477 173 41 173C41.5523 173 42 173.448 42 174V190C42 190.552 41.5523 191 41 191C40.4477 191 40 190.552 40 190V174ZM45 173C44.4477 173 44 173.448 44 174V190C44 190.552 44.4477 191 45 191C45.5523 191 46 190.552 46 190V174C46 173.448 45.5523 173 45 173ZM48 174C48 173.448 48.4477 173 49 173C49.5523 173 50 173.448 50 174V190C50 190.552 49.5523 191 49 191C48.4477 191 48 190.552 48 190V174ZM53 173C52.4477 173 52 173.448 52 174V190C52 190.552 52.4477 191 53 191C53.5523 191 54 190.552 54 190V174C54 173.448 53.5523 173 53 173ZM56 174C56 173.448 56.4477 173 57 173C57.5523 173 58 173.448 58 174V190C58 190.552 57.5523 191 57 191C56.4477 191 56 190.552 56 190V174ZM61 173C60.4477 173 60 173.448 60 174V190C60 190.552 60.4477 191 61 191C61.5523 191 62 190.552 62 190V174C62 173.448 61.5523 173 61 173Z" fill="#7D6FBD"/>
<path d="M23.1766 137.47C24.0566 134.83 24.4966 133.51 25.5442 132.755C26.5917 132 27.9832 132 30.7661 132H59.2339C62.0168 132 63.4083 132 64.4558 132.755C65.5034 133.51 65.9434 134.83 66.8234 137.47L69 144H21L23.1766 137.47Z" fill="#C9C2DE"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.6806 210C24.9336 210 24.0602 210 23.4861 209.472C22.912 208.944 22.8395 208.073 22.6944 206.332L20.361 178.332C20.1921 176.305 20.1077 175.292 20.7019 174.646C21.2961 174 22.3131 174 24.3472 174H65.6528C67.6869 174 68.704 174 69.2982 174.646C69.8924 175.292 69.8079 176.305 69.639 178.332L67.3057 206.332C67.1606 208.073 67.0881 208.944 66.514 209.472C65.9399 210 65.0664 210 63.3195 210H26.6806Z" fill="#AF9EFF"/>
<path style="mix-blend-mode:soft-light" fill-rule="evenodd" clip-rule="evenodd" d="M63 210H63.3195C65.0664 210 65.9399 210 66.514 209.472C67.088 208.944 67.1606 208.073 67.3057 206.332L69.639 178.332C69.8079 176.305 69.8924 175.292 69.2982 174.646C68.7388 174.038 67.8046 174.002 66 174L63 210Z" fill="black" fill-opacity="0.4"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M28 184C28 183.448 28.4477 183 29 183C29.5523 183 30 183.448 30 184V200C30 200.552 29.5523 201 29 201C28.4477 201 28 200.552 28 200V184ZM32 184C32 183.448 32.4477 183 33 183C33.5523 183 34 183.448 34 184V200C34 200.552 33.5523 201 33 201C32.4477 201 32 200.552 32 200V184ZM37 183C36.4477 183 36 183.448 36 184V200C36 200.552 36.4477 201 37 201C37.5523 201 38 200.552 38 200V184C38 183.448 37.5523 183 37 183ZM40 184C40 183.448 40.4477 183 41 183C41.5523 183 42 183.448 42 184V200C42 200.552 41.5523 201 41 201C40.4477 201 40 200.552 40 200V184ZM45 183C44.4477 183 44 183.448 44 184V200C44 200.552 44.4477 201 45 201C45.5523 201 46 200.552 46 200V184C46 183.448 45.5523 183 45 183ZM48 184C48 183.448 48.4477 183 49 183C49.5523 183 50 183.448 50 184V200C50 200.552 49.5523 201 49 201C48.4477 201 48 200.552 48 200V184ZM53 183C52.4477 183 52 183.448 52 184V200C52 200.552 52.4477 201 53 201C53.5523 201 54 200.552 54 200V184C54 183.448 53.5523 183 53 183ZM56 184C56 183.448 56.4477 183 57 183C57.5523 183 58 183.448 58 184V200C58 200.552 57.5523 201 57 201C56.4477 201 56 200.552 56 200V184ZM61 183C60.4477 183 60 183.448 60 184V200C60 200.552 60.4477 201 61 201C61.5523 201 62 200.552 62 200V184C62 183.448 61.5523 183 61 183Z" fill="#7D6FBD"/>
<path d="M23.1766 147.47C24.0566 144.83 24.4966 143.51 25.5442 142.755C26.5917 142 27.9832 142 30.7661 142H59.2339C62.0168 142 63.4083 142 64.4558 142.755C65.5034 143.51 65.9434 144.83 66.8234 147.47L69 154H21L23.1766 147.47Z" fill="#C9C2DE"/>
<g opacity="0.06">
<path d="M61 144H69L66.8234 137.47C65.9434 134.83 65.5034 133.51 64.4558 132.755C63.4083 132 62.0168 132 59.2339 132H57L61 144Z" fill="black" style="mix-blend-mode:soft-light"/>
<path d="M61 154H69L66.8234 147.47C65.9434 144.83 65.5034 143.51 64.4558 142.755C63.4083 142 62.0168 142 59.2339 142H57L61 154Z" fill="black" style="mix-blend-mode:soft-light"/>
</g>
<rect x="15" y="144" width="60" height="8" rx="2" fill="#C9C2DE"/>
<rect x="15" y="154" width="60" height="8" rx="2" fill="#C9C2DE"/>
<g opacity="0.06">
<path d="M67 144H71C72.8856 144 73.8284 144 74.4142 144.586C75 145.172 75 146.114 75 148C75 149.886 75 150.828 74.4142 151.414C73.8284 152 72.8856 152 71 152H67V144Z" fill="black" style="mix-blend-mode:soft-light"/>
<path d="M67 154H71C72.8856 154 73.8284 154 74.4142 154.586C75 155.172 75 156.114 75 158C75 159.886 75 160.828 74.4142 161.414C73.8284 162 72.8856 162 71 162H67V154Z" fill="black" style="mix-blend-mode:soft-light"/>
</g>
<path d="M151 211H214V218H155C152.791 218 151 216.209 151 214V211Z" fill="#F4E560"/>
<path d="M207 211H240V214C240 216.209 238.209 218 236 218H211C208.791 218 207 216.209 207 214V211Z" fill="#5F5D67"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M211.5 213C211.224 213 211 213.224 211 213.5C211 213.776 211.224 214 211.5 214H212.5C212.776 214 213 213.776 213 213.5C213 213.224 212.776 213 212.5 213H211.5ZM211.5 215C211.224 215 211 215.224 211 215.5C211 215.776 211.224 216 211.5 216H212.5C212.776 216 213 215.776 213 215.5C213 215.224 212.776 215 212.5 215H211.5ZM214 215.5C214 215.224 214.224 215 214.5 215H215.5C215.776 215 216 215.224 216 215.5C216 215.776 215.776 216 215.5 216H214.5C214.224 216 214 215.776 214 215.5ZM217.5 215C217.224 215 217 215.224 217 215.5C217 215.776 217.224 216 217.5 216H218.5C218.776 216 219 215.776 219 215.5C219 215.224 218.776 215 218.5 215H217.5ZM220 215.5C220 215.224 220.224 215 220.5 215H221.5C221.776 215 222 215.224 222 215.5C222 215.776 221.776 216 221.5 216H220.5C220.224 216 220 215.776 220 215.5ZM214.5 213C214.224 213 214 213.224 214 213.5C214 213.776 214.224 214 214.5 214H215.5C215.776 214 216 213.776 216 213.5C216 213.224 215.776 213 215.5 213H214.5ZM217 213.5C217 213.224 217.224 213 217.5 213H218.5C218.776 213 219 213.224 219 213.5C219 213.776 218.776 214 218.5 214H217.5C217.224 214 217 213.776 217 213.5ZM220.5 213C220.224 213 220 213.224 220 213.5C220 213.776 220.224 214 220.5 214H221.5C221.776 214 222 213.776 222 213.5C222 213.224 221.776 213 221.5 213H220.5Z" fill="#F4E560"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M230.5 213C230.224 213 230 213.224 230 213.5C230 213.776 230.224 214 230.5 214H231.5C231.776 214 232 213.776 232 213.5C232 213.224 231.776 213 231.5 213H230.5ZM230.5 215C230.224 215 230 215.224 230 215.5C230 215.776 230.224 216 230.5 216H231.5C231.776 216 232 215.776 232 215.5C232 215.224 231.776 215 231.5 215H230.5ZM233.5 215C233.224 215 233 215.224 233 215.5C233 215.776 233.224 216 233.5 216H234.5C234.776 216 235 215.776 235 215.5C235 215.224 234.776 215 234.5 215H233.5ZM236 215.5C236 215.224 236.224 215 236.5 215H237.5C237.776 215 238 215.224 238 215.5C238 215.776 237.776 216 237.5 216H236.5C236.224 216 236 215.776 236 215.5ZM233 213.5C233 213.224 233.224 213 233.5 213H234.5C234.776 213 235 213.224 235 213.5C235 213.776 234.776 214 234.5 214H233.5C233.224 214 233 213.776 233 213.5ZM236.5 213C236.224 213 236 213.224 236 213.5C236 213.776 236.224 214 236.5 214H237.5C237.776 214 238 213.776 238 213.5C238 213.224 237.776 213 237.5 213H236.5Z" fill="#F4E560"/>
<rect x="224" y="214" width="4" height="2" rx="1" fill="#F4E560"/>
<path d="M236 178C236 189.046 227.046 198 216 198C213.91 198 207 203.5 206 203.084C205.032 202.682 205.024 194.932 203 193.199C198.715 189.531 196 184.083 196 178C196 166.954 204.954 158 216 158C227.046 158 236 166.954 236 178Z" fill="#F1B86A"/>
<circle cx="216" cy="178" r="12" fill="#FFF06A"/>
<path d="M221 168H224L221 171H224" stroke="#7958FF" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M226 165H229L226 168H229" stroke="#7958FF" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M217 170H219L217 172H219" stroke="#7958FF" stroke-linecap="round" stroke-linejoin="round"/>
<circle cx="216" cy="184" r="2" fill="#7958FF"/>
<path d="M207.17 177C207.582 178.165 208.693 179 209.999 179C211.305 179 212.417 178.165 212.829 177" stroke="#7958FF" stroke-width="2" stroke-linecap="round"/>
<path d="M219.17 177C219.582 178.165 220.693 179 221.999 179C223.305 179 224.417 178.165 224.829 177" stroke="#7958FF" stroke-width="2" stroke-linecap="round"/>
<path d="M151 221H214V228H155C152.791 228 151 226.209 151 224V221Z" fill="#F4E560"/>
<path d="M207 221H240V224C240 226.209 238.209 228 236 228H211C208.791 228 207 226.209 207 224V221Z" fill="#5F5D67"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M211.5 223C211.224 223 211 223.224 211 223.5C211 223.776 211.224 224 211.5 224H212.5C212.776 224 213 223.776 213 223.5C213 223.224 212.776 223 212.5 223H211.5ZM211.5 225C211.224 225 211 225.224 211 225.5C211 225.776 211.224 226 211.5 226H212.5C212.776 226 213 225.776 213 225.5C213 225.224 212.776 225 212.5 225H211.5ZM214 225.5C214 225.224 214.224 225 214.5 225H215.5C215.776 225 216 225.224 216 225.5C216 225.776 215.776 226 215.5 226H214.5C214.224 226 214 225.776 214 225.5ZM217.5 225C217.224 225 217 225.224 217 225.5C217 225.776 217.224 226 217.5 226H218.5C218.776 226 219 225.776 219 225.5C219 225.224 218.776 225 218.5 225H217.5ZM220 225.5C220 225.224 220.224 225 220.5 225H221.5C221.776 225 222 225.224 222 225.5C222 225.776 221.776 226 221.5 226H220.5C220.224 226 220 225.776 220 225.5ZM214.5 223C214.224 223 214 223.224 214 223.5C214 223.776 214.224 224 214.5 224H215.5C215.776 224 216 223.776 216 223.5C216 223.224 215.776 223 215.5 223H214.5ZM217 223.5C217 223.224 217.224 223 217.5 223H218.5C218.776 223 219 223.224 219 223.5C219 223.776 218.776 224 218.5 224H217.5C217.224 224 217 223.776 217 223.5ZM220.5 223C220.224 223 220 223.224 220 223.5C220 223.776 220.224 224 220.5 224H221.5C221.776 224 222 223.776 222 223.5C222 223.224 221.776 223 221.5 223H220.5Z" fill="#F4E560"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M230.5 223C230.224 223 230 223.224 230 223.5C230 223.776 230.224 224 230.5 224H231.5C231.776 224 232 223.776 232 223.5C232 223.224 231.776 223 231.5 223H230.5ZM230.5 225C230.224 225 230 225.224 230 225.5C230 225.776 230.224 226 230.5 226H231.5C231.776 226 232 225.776 232 225.5C232 225.224 231.776 225 231.5 225H230.5ZM233.5 225C233.224 225 233 225.224 233 225.5C233 225.776 233.224 226 233.5 226H234.5C234.776 226 235 225.776 235 225.5C235 225.224 234.776 225 234.5 225H233.5ZM236 225.5C236 225.224 236.224 225 236.5 225H237.5C237.776 225 238 225.224 238 225.5C238 225.776 237.776 226 237.5 226H236.5C236.224 226 236 225.776 236 225.5ZM233 223.5C233 223.224 233.224 223 233.5 223H234.5C234.776 223 235 223.224 235 223.5C235 223.776 234.776 224 234.5 224H233.5C233.224 224 233 223.776 233 223.5ZM236.5 223C236.224 223 236 223.224 236 223.5C236 223.776 236.224 224 236.5 224H237.5C237.776 224 238 223.776 238 223.5C238 223.224 237.776 223 237.5 223H236.5Z" fill="#F4E560"/>
<rect x="224" y="224" width="4" height="2" rx="1" fill="#F4E560"/>
<rect x="71.3594" y="8.57092" width="8" height="8" transform="rotate(-40.65 71.3594 8.57092)" fill="#5F6387"/>
<rect x="220.613" y="87.5157" width="8" height="8" transform="rotate(30.813 220.613 87.5157)" fill="#CABEFF"/>
<rect x="233.613" y="107.516" width="8" height="8" transform="rotate(30.813 233.613 107.516)" fill="#CABEFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M214.957 18.1043C214.957 18.0467 215.004 18 215.061 18H216.939C216.997 18 217.043 18.0467 217.043 18.1043V21.4086L219.905 19.7565C219.955 19.7277 220.018 19.7448 220.047 19.7947L220.986 21.4207C221.015 21.4705 220.998 21.5343 220.948 21.5631L218.086 23.2153L220.948 24.8675C220.998 24.8963 221.015 24.9601 220.986 25.01L220.047 26.636C220.019 26.6859 219.955 26.703 219.905 26.6742L217.043 25.022V28.3264C217.043 28.384 216.997 28.4307 216.939 28.4307H215.061C215.004 28.4307 214.957 28.384 214.957 28.3264V25.0219L212.095 26.6742C212.045 26.703 211.982 26.6859 211.953 26.636L211.014 25.01C210.985 24.9601 211.002 24.8963 211.052 24.8675L213.914 23.2153L211.052 21.5631C211.002 21.5343 210.985 21.4705 211.014 21.4207L211.953 19.7947C211.982 19.7448 212.046 19.7277 212.095 19.7565L214.957 21.4087V18.1043Z" fill="#8881AA"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M160.957 97C163.166 97 164.957 95.2091 164.957 93C164.957 90.7909 163.166 89 160.957 89C158.748 89 156.957 90.7909 156.957 93C156.957 95.2091 158.748 97 160.957 97ZM160.957 95C162.062 95 162.957 94.1046 162.957 93C162.957 91.8954 162.062 91 160.957 91C159.852 91 158.957 91.8954 158.957 93C158.957 94.1046 159.852 95 160.957 95Z" fill="#757CA4"/>
<path d="M12.2891 104.696L13.4832 107.26C14.1427 108.676 15.8253 109.29 17.2414 108.63V108.63C18.6574 107.971 20.34 108.584 20.9995 110V110C21.659 111.416 23.3416 112.029 24.7576 111.37V111.37C26.1737 110.71 27.8562 111.324 28.5158 112.74L29.7099 115.304" stroke="#8183AA" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<defs>
<linearGradient id="paint0_linear_308_11878" x1="125.5" y1="28.9999" x2="122" y2="80.4999" gradientUnits="userSpaceOnUse">
<linearGradient id="paint0_linear_503_14537" x1="148.16" y1="35.0001" x2="151.66" y2="86.5001" gradientUnits="userSpaceOnUse">
<stop stop-color="#7958FF"/>
<stop offset="1" stop-color="#FD8EFF"/>
</linearGradient>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 10 KiB

82
packages/console/src/assets/images/loading-illustration.svg
View file

@ -1,61 +1,53 @@
<svg width="256" height="256" viewBox="0 0 256 256" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="128" cy="114" r="78" stroke="#E2E0EC" stroke-width="60"/>
<rect x="55" y="36" width="4" height="160" rx="2" fill="#ADAAB4"/>
<rect x="142.244" y="27" width="4" height="140" rx="2" transform="rotate(60 142.244 27)" fill="#ADAAB4"/>
<path d="M42.623 187.732C42.623 183.314 46.2048 179.732 50.623 179.732H74.623C79.0413 179.732 82.623 183.314 82.623 187.732V195.732H42.623V187.732Z" fill="#D9D9D9"/>
<circle cx="57" cy="78" r="8" fill="#C9C5D0"/>
<circle cx="57" cy="78" r="4" fill="#78767F"/>
<circle cx="146.549" cy="54.5476" r="12" transform="rotate(-45 146.549 54.5476)" fill="#FFB95A"/>
<path d="M169.882 32.6273C169.882 32.6273 159.752 42.758 147.255 55.2548C134.758 67.7515 124.627 77.8822 124.627 77.8822C112.131 65.3854 112.131 45.1241 124.627 32.6273C137.124 20.1306 157.385 20.1306 169.882 32.6273Z" fill="url(#paint0_linear_240_10907)"/>
<path d="M40 124C40 119.582 43.5817 116 48 116H176C180.418 116 184 119.582 184 124V224H40V124Z" fill="#ADAAB4"/>
<path d="M44 124C44 121.791 45.7909 120 48 120H176C178.209 120 180 121.791 180 124V220H44V124Z" fill="#47464E"/>
<path d="M40 218H232V220C232 222.209 230.209 224 228 224H40V218Z" fill="#7958FF"/>
<path d="M102 120H122V122C122 124.209 120.209 126 118 126H106C103.791 126 102 124.209 102 122V120Z" fill="#1B1B22"/>
<rect x="84" y="147" width="80" height="48" rx="4" fill="#78767F"/>
<path d="M84 151C84 148.791 85.7909 147 88 147H160C162.209 147 164 148.791 164 151V153H84V151Z" fill="#ADAAB4"/>
<circle cx="89" cy="150" r="1" fill="#FF897A"/>
<circle cx="93" cy="150" r="1" fill="#FFB95A"/>
<circle cx="97" cy="150" r="1" fill="#68BE6C"/>
<rect x="92" y="161" width="20" height="4" rx="2" fill="#908C9E"/>
<rect x="128" y="161" width="28" height="26" rx="2" fill="#908C9E"/>
<rect x="92" y="169" width="28" height="4" rx="2" fill="#908C9E"/>
<rect x="92" y="183" width="8" height="4" rx="2" fill="#908C9E"/>
<path d="M21 152H69L63.6113 216.664C63.3212 220.146 63.1761 221.887 62.0279 222.944C60.8797 224 59.1328 224 55.6389 224H34.3611C30.8672 224 29.1203 224 27.9721 222.944C26.8239 221.887 26.6788 220.146 26.3887 216.664L21 152Z" fill="#E3DFE3"/>
<circle cx="128" cy="124" r="78" stroke="#E2E0EC" stroke-width="60"/>
<path d="M218.66 54C218.66 52.8955 217.765 52 216.66 52C215.556 52 214.66 52.8954 214.66 54V230C214.66 231.105 215.556 232 216.66 232C217.765 232 218.66 231.105 218.66 230V54Z" fill="#ADAAB4"/>
<rect width="4" height="140" rx="2" transform="matrix(-0.5 0.866025 0.866025 0.5 131.415 33)" fill="#ADAAB4"/>
<path d="M231.038 223.732C231.038 219.314 227.456 215.732 223.038 215.732H199.038C194.619 215.732 191.038 219.314 191.038 223.732V231.732H231.038V223.732Z" fill="#D9D9D9"/>
<circle r="8" transform="matrix(-1 0 0 1 216.66 84)" fill="#C9C5D0"/>
<circle r="4" transform="matrix(-1 0 0 1 216.66 84)" fill="#78767F"/>
<circle r="12" transform="matrix(-0.707107 -0.707107 -0.707107 0.707107 127.112 60.5477)" fill="#FFB95A"/>
<path d="M103.778 38.6274C103.778 38.6274 113.909 48.7581 126.405 61.2548C138.902 73.7516 149.033 83.8822 149.033 83.8822C161.53 71.3855 161.53 51.1242 149.033 38.6274C136.536 26.1306 116.275 26.1306 103.778 38.6274Z" fill="url(#paint0_linear_494_13573)"/>
<path d="M40 134C40 129.582 43.5817 126 48 126H176C180.418 126 184 129.582 184 134V234H40V134Z" fill="#ADAAB4"/>
<path d="M44 134C44 131.791 45.7909 130 48 130H176C178.209 130 180 131.791 180 134V230H44V134Z" fill="#47464E"/>
<path d="M40 228H232V230C232 232.209 230.209 234 228 234H40V228Z" fill="#7958FF"/>
<path d="M102 130H122V132C122 134.209 120.209 136 118 136H106C103.791 136 102 134.209 102 132V130Z" fill="#1B1B22"/>
<rect x="84" y="157" width="80" height="48" rx="4" fill="#78767F"/>
<path d="M84 161C84 158.791 85.7909 157 88 157H160C162.209 157 164 158.791 164 161V163H84V161Z" fill="#ADAAB4"/>
<circle cx="89" cy="160" r="1" fill="#FF897A"/>
<circle cx="93" cy="160" r="1" fill="#FFB95A"/>
<circle cx="97" cy="160" r="1" fill="#68BE6C"/>
<rect x="92" y="171" width="20" height="4" rx="2" fill="#908C9E"/>
<rect x="128" y="171" width="28" height="26" rx="2" fill="#908C9E"/>
<rect x="92" y="179" width="28" height="4" rx="2" fill="#908C9E"/>
<rect x="92" y="193" width="8" height="4" rx="2" fill="#908C9E"/>
<path d="M21 162H69L63.6113 226.664C63.3212 230.146 63.1761 231.887 62.0279 232.944C60.8797 234 59.1328 234 55.6389 234H34.3611C30.8672 234 29.1203 234 27.9721 232.944C26.8239 231.887 26.6788 230.146 26.3887 226.664L21 162Z" fill="#E3DFE3"/>
<g opacity="0.06">
<path d="M69 152H61L55 224H55.6389C59.1328 224 60.8797 224 62.0279 222.944C63.1761 221.887 63.3212 220.146 63.6113 216.664L69 152Z" fill="black" style="mix-blend-mode:soft-light"/>
</g>
<path fill-rule="evenodd" clip-rule="evenodd" d="M69 152H21L21.1667 154H68.8333L69 152Z" fill="black" fill-opacity="0.06"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.6801 200C24.9331 200 24.0597 200 23.4856 199.472C22.9115 198.944 22.839 198.073 22.6939 196.332L20.3606 168.332C20.1916 166.305 20.1072 165.292 20.7014 164.646C21.2956 164 22.3126 164 24.3467 164H65.6523C67.6865 164 68.7035 164 69.2977 164.646C69.8919 165.292 69.8074 166.305 69.6385 168.332L67.3052 196.332C67.1601 198.073 67.0876 198.944 66.5135 199.472C65.9394 200 65.0659 200 63.319 200H26.6801Z" fill="#CABEFF"/>
<path style="mix-blend-mode:soft-light" fill-rule="evenodd" clip-rule="evenodd" d="M63 200H63.3195C65.0664 200 65.9399 200 66.514 199.472C67.088 198.944 67.1606 198.073 67.3057 196.332L69.639 168.332C69.8079 166.305 69.8924 165.292 69.2982 164.646C68.7388 164.038 67.8046 164.002 66 164L63 200Z" fill="black" fill-opacity="0.4"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M28 174C28 173.448 28.4477 173 29 173C29.5523 173 30 173.448 30 174V190C30 190.552 29.5523 191 29 191C28.4477 191 28 190.552 28 190V174ZM32 174C32 173.448 32.4477 173 33 173C33.5523 173 34 173.448 34 174V190C34 190.552 33.5523 191 33 191C32.4477 191 32 190.552 32 190V174ZM37 173C36.4477 173 36 173.448 36 174V190C36 190.552 36.4477 191 37 191C37.5523 191 38 190.552 38 190V174C38 173.448 37.5523 173 37 173ZM40 174C40 173.448 40.4477 173 41 173C41.5523 173 42 173.448 42 174V190C42 190.552 41.5523 191 41 191C40.4477 191 40 190.552 40 190V174ZM45 173C44.4477 173 44 173.448 44 174V190C44 190.552 44.4477 191 45 191C45.5523 191 46 190.552 46 190V174C46 173.448 45.5523 173 45 173ZM48 174C48 173.448 48.4477 173 49 173C49.5523 173 50 173.448 50 174V190C50 190.552 49.5523 191 49 191C48.4477 191 48 190.552 48 190V174ZM53 173C52.4477 173 52 173.448 52 174V190C52 190.552 52.4477 191 53 191C53.5523 191 54 190.552 54 190V174C54 173.448 53.5523 173 53 173ZM56 174C56 173.448 56.4477 173 57 173C57.5523 173 58 173.448 58 174V190C58 190.552 57.5523 191 57 191C56.4477 191 56 190.552 56 190V174ZM61 173C60.4477 173 60 173.448 60 174V190C60 190.552 60.4477 191 61 191C61.5523 191 62 190.552 62 190V174C62 173.448 61.5523 173 61 173Z" fill="#947DFF"/>
<path d="M23.1766 137.47C24.0566 134.83 24.4966 133.51 25.5442 132.755C26.5917 132 27.9832 132 30.7661 132H59.2339C62.0168 132 63.4083 132 64.4558 132.755C65.5034 133.51 65.9434 134.83 66.8234 137.47L69 144H21L23.1766 137.47Z" fill="#F7F8F8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M26.6806 210C24.9336 210 24.0602 210 23.4861 209.472C22.912 208.944 22.8395 208.073 22.6944 206.332L20.361 178.332C20.1921 176.305 20.1077 175.292 20.7019 174.646C21.2961 174 22.3131 174 24.3472 174H65.6528C67.6869 174 68.704 174 69.2982 174.646C69.8924 175.292 69.8079 176.305 69.639 178.332L67.3057 206.332C67.1606 208.073 67.0881 208.944 66.514 209.472C65.9399 210 65.0664 210 63.3195 210H26.6806Z" fill="#CABEFF"/>
<path style="mix-blend-mode:soft-light" fill-rule="evenodd" clip-rule="evenodd" d="M63 210H63.3195C65.0664 210 65.9399 210 66.514 209.472C67.088 208.944 67.1606 208.073 67.3057 206.332L69.639 178.332C69.8079 176.305 69.8924 175.292 69.2982 174.646C68.7388 174.038 67.8046 174.002 66 174L63 210Z" fill="black" fill-opacity="0.4"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M28 184C28 183.448 28.4477 183 29 183C29.5523 183 30 183.448 30 184V200C30 200.552 29.5523 201 29 201C28.4477 201 28 200.552 28 200V184ZM32 184C32 183.448 32.4477 183 33 183C33.5523 183 34 183.448 34 184V200C34 200.552 33.5523 201 33 201C32.4477 201 32 200.552 32 200V184ZM37 183C36.4477 183 36 183.448 36 184V200C36 200.552 36.4477 201 37 201C37.5523 201 38 200.552 38 200V184C38 183.448 37.5523 183 37 183ZM40 184C40 183.448 40.4477 183 41 183C41.5523 183 42 183.448 42 184V200C42 200.552 41.5523 201 41 201C40.4477 201 40 200.552 40 200V184ZM45 183C44.4477 183 44 183.448 44 184V200C44 200.552 44.4477 201 45 201C45.5523 201 46 200.552 46 200V184C46 183.448 45.5523 183 45 183ZM48 184C48 183.448 48.4477 183 49 183C49.5523 183 50 183.448 50 184V200C50 200.552 49.5523 201 49 201C48.4477 201 48 200.552 48 200V184ZM53 183C52.4477 183 52 183.448 52 184V200C52 200.552 52.4477 201 53 201C53.5523 201 54 200.552 54 200V184C54 183.448 53.5523 183 53 183ZM56 184C56 183.448 56.4477 183 57 183C57.5523 183 58 183.448 58 184V200C58 200.552 57.5523 201 57 201C56.4477 201 56 200.552 56 200V184ZM61 183C60.4477 183 60 183.448 60 184V200C60 200.552 60.4477 201 61 201C61.5523 201 62 200.552 62 200V184C62 183.448 61.5523 183 61 183Z" fill="#947DFF"/>
<path d="M23.1766 147.47C24.0566 144.83 24.4966 143.51 25.5442 142.755C26.5917 142 27.9832 142 30.7661 142H59.2339C62.0168 142 63.4083 142 64.4558 142.755C65.5034 143.51 65.9434 144.83 66.8234 147.47L69 154H21L23.1766 147.47Z" fill="#F7F8F8"/>
<g opacity="0.06">
<path d="M61 144H69L66.8234 137.47C65.9434 134.83 65.5034 133.51 64.4558 132.755C63.4083 132 62.0168 132 59.2339 132H57L61 144Z" fill="black" style="mix-blend-mode:soft-light"/>
<path d="M61 154H69L66.8234 147.47C65.9434 144.83 65.5034 143.51 64.4558 142.755C63.4083 142 62.0168 142 59.2339 142H57L61 154Z" fill="black" style="mix-blend-mode:soft-light"/>
</g>
<rect x="15" y="144" width="60" height="8" rx="2" fill="#F7F8F8"/>
<rect x="15" y="154" width="60" height="8" rx="2" fill="#F7F8F8"/>
<g opacity="0.06">
<path d="M67 144H71C72.8856 144 73.8284 144 74.4142 144.586C75 145.172 75 146.114 75 148C75 149.886 75 150.828 74.4142 151.414C73.8284 152 72.8856 152 71 152H67V144Z" fill="black" style="mix-blend-mode:soft-light"/>
<path d="M67 154H71C72.8856 154 73.8284 154 74.4142 154.586C75 155.172 75 156.114 75 158C75 159.886 75 160.828 74.4142 161.414C73.8284 162 72.8856 162 71 162H67V154Z" fill="black" style="mix-blend-mode:soft-light"/>
</g>
<path d="M151 211H214V218H155C152.791 218 151 216.209 151 214V211Z" fill="#F4E560"/>
<path d="M207 211H240V214C240 216.209 238.209 218 236 218H211C208.791 218 207 216.209 207 214V211Z" fill="#5F5D67"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M211.5 213C211.224 213 211 213.224 211 213.5C211 213.776 211.224 214 211.5 214H212.5C212.776 214 213 213.776 213 213.5C213 213.224 212.776 213 212.5 213H211.5ZM211.5 215C211.224 215 211 215.224 211 215.5C211 215.776 211.224 216 211.5 216H212.5C212.776 216 213 215.776 213 215.5C213 215.224 212.776 215 212.5 215H211.5ZM214 215.5C214 215.224 214.224 215 214.5 215H215.5C215.776 215 216 215.224 216 215.5C216 215.776 215.776 216 215.5 216H214.5C214.224 216 214 215.776 214 215.5ZM217.5 215C217.224 215 217 215.224 217 215.5C217 215.776 217.224 216 217.5 216H218.5C218.776 216 219 215.776 219 215.5C219 215.224 218.776 215 218.5 215H217.5ZM220 215.5C220 215.224 220.224 215 220.5 215H221.5C221.776 215 222 215.224 222 215.5C222 215.776 221.776 216 221.5 216H220.5C220.224 216 220 215.776 220 215.5ZM214.5 213C214.224 213 214 213.224 214 213.5C214 213.776 214.224 214 214.5 214H215.5C215.776 214 216 213.776 216 213.5C216 213.224 215.776 213 215.5 213H214.5ZM217 213.5C217 213.224 217.224 213 217.5 213H218.5C218.776 213 219 213.224 219 213.5C219 213.776 218.776 214 218.5 214H217.5C217.224 214 217 213.776 217 213.5ZM220.5 213C220.224 213 220 213.224 220 213.5C220 213.776 220.224 214 220.5 214H221.5C221.776 214 222 213.776 222 213.5C222 213.224 221.776 213 221.5 213H220.5Z" fill="#F4E560"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M230.5 213C230.224 213 230 213.224 230 213.5C230 213.776 230.224 214 230.5 214H231.5C231.776 214 232 213.776 232 213.5C232 213.224 231.776 213 231.5 213H230.5ZM230.5 215C230.224 215 230 215.224 230 215.5C230 215.776 230.224 216 230.5 216H231.5C231.776 216 232 215.776 232 215.5C232 215.224 231.776 215 231.5 215H230.5ZM233.5 215C233.224 215 233 215.224 233 215.5C233 215.776 233.224 216 233.5 216H234.5C234.776 216 235 215.776 235 215.5C235 215.224 234.776 215 234.5 215H233.5ZM236 215.5C236 215.224 236.224 215 236.5 215H237.5C237.776 215 238 215.224 238 215.5C238 215.776 237.776 216 237.5 216H236.5C236.224 216 236 215.776 236 215.5ZM233 213.5C233 213.224 233.224 213 233.5 213H234.5C234.776 213 235 213.224 235 213.5C235 213.776 234.776 214 234.5 214H233.5C233.224 214 233 213.776 233 213.5ZM236.5 213C236.224 213 236 213.224 236 213.5C236 213.776 236.224 214 236.5 214H237.5C237.776 214 238 213.776 238 213.5C238 213.224 237.776 213 237.5 213H236.5Z" fill="#F4E560"/>
<rect x="224" y="214" width="4" height="2" rx="1" fill="#F4E560"/>
<path d="M236 178C236 189.046 227.046 198 216 198C213.91 198 207 203.5 206 203.084C205.032 202.682 205.024 194.932 203 193.199C198.715 189.531 196 184.083 196 178C196 166.954 204.954 158 216 158C227.046 158 236 166.954 236 178Z" fill="#FFB95A"/>
<circle cx="216" cy="178" r="12" fill="#FFF06A"/>
<path d="M221 168H224L221 171H224" stroke="#7958FF" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M226 165H229L226 168H229" stroke="#7958FF" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M217 170H219L217 172H219" stroke="#7958FF" stroke-linecap="round" stroke-linejoin="round"/>
<circle cx="216" cy="184" r="2" fill="#7958FF"/>
<path d="M207.17 177C207.582 178.165 208.693 179 209.999 179C211.305 179 212.417 178.165 212.829 177" stroke="#7958FF" stroke-width="2" stroke-linecap="round"/>
<path d="M219.17 177C219.582 178.165 220.693 179 221.999 179C223.305 179 224.417 178.165 224.829 177" stroke="#7958FF" stroke-width="2" stroke-linecap="round"/>
<path d="M151 221H214V228H155C152.791 228 151 226.209 151 224V221Z" fill="#F4E560"/>
<path d="M207 221H240V224C240 226.209 238.209 228 236 228H211C208.791 228 207 226.209 207 224V221Z" fill="#5F5D67"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M211.5 223C211.224 223 211 223.224 211 223.5C211 223.776 211.224 224 211.5 224H212.5C212.776 224 213 223.776 213 223.5C213 223.224 212.776 223 212.5 223H211.5ZM211.5 225C211.224 225 211 225.224 211 225.5C211 225.776 211.224 226 211.5 226H212.5C212.776 226 213 225.776 213 225.5C213 225.224 212.776 225 212.5 225H211.5ZM214 225.5C214 225.224 214.224 225 214.5 225H215.5C215.776 225 216 225.224 216 225.5C216 225.776 215.776 226 215.5 226H214.5C214.224 226 214 225.776 214 225.5ZM217.5 225C217.224 225 217 225.224 217 225.5C217 225.776 217.224 226 217.5 226H218.5C218.776 226 219 225.776 219 225.5C219 225.224 218.776 225 218.5 225H217.5ZM220 225.5C220 225.224 220.224 225 220.5 225H221.5C221.776 225 222 225.224 222 225.5C222 225.776 221.776 226 221.5 226H220.5C220.224 226 220 225.776 220 225.5ZM214.5 223C214.224 223 214 223.224 214 223.5C214 223.776 214.224 224 214.5 224H215.5C215.776 224 216 223.776 216 223.5C216 223.224 215.776 223 215.5 223H214.5ZM217 223.5C217 223.224 217.224 223 217.5 223H218.5C218.776 223 219 223.224 219 223.5C219 223.776 218.776 224 218.5 224H217.5C217.224 224 217 223.776 217 223.5ZM220.5 223C220.224 223 220 223.224 220 223.5C220 223.776 220.224 224 220.5 224H221.5C221.776 224 222 223.776 222 223.5C222 223.224 221.776 223 221.5 223H220.5Z" fill="#F4E560"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M230.5 223C230.224 223 230 223.224 230 223.5C230 223.776 230.224 224 230.5 224H231.5C231.776 224 232 223.776 232 223.5C232 223.224 231.776 223 231.5 223H230.5ZM230.5 225C230.224 225 230 225.224 230 225.5C230 225.776 230.224 226 230.5 226H231.5C231.776 226 232 225.776 232 225.5C232 225.224 231.776 225 231.5 225H230.5ZM233.5 225C233.224 225 233 225.224 233 225.5C233 225.776 233.224 226 233.5 226H234.5C234.776 226 235 225.776 235 225.5C235 225.224 234.776 225 234.5 225H233.5ZM236 225.5C236 225.224 236.224 225 236.5 225H237.5C237.776 225 238 225.224 238 225.5C238 225.776 237.776 226 237.5 226H236.5C236.224 226 236 225.776 236 225.5ZM233 223.5C233 223.224 233.224 223 233.5 223H234.5C234.776 223 235 223.224 235 223.5C235 223.776 234.776 224 234.5 224H233.5C233.224 224 233 223.776 233 223.5ZM236.5 223C236.224 223 236 223.224 236 223.5C236 223.776 236.224 224 236.5 224H237.5C237.776 224 238 223.776 238 223.5C238 223.224 237.776 223 237.5 223H236.5Z" fill="#F4E560"/>
<rect x="224" y="224" width="4" height="2" rx="1" fill="#F4E560"/>
<rect x="71.3594" y="8.57092" width="8" height="8" transform="rotate(-40.65 71.3594 8.57092)" fill="#D1C9F9"/>
<rect x="220.613" y="87.5156" width="8" height="8" transform="rotate(30.813 220.613 87.5156)" fill="#CABEFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M214.957 18.1043C214.957 18.0467 215.004 18 215.061 18H216.939C216.996 18 217.043 18.0467 217.043 18.1043V21.4086L219.905 19.7565C219.955 19.7277 220.018 19.7448 220.047 19.7947L220.986 21.4207C221.015 21.4705 220.998 21.5343 220.948 21.5631L218.086 23.2153L220.948 24.8675C220.998 24.8963 221.015 24.9601 220.986 25.01L220.047 26.636C220.019 26.6859 219.955 26.703 219.905 26.6742L217.043 25.022V28.3264C217.043 28.384 216.996 28.4307 216.939 28.4307H215.061C215.004 28.4307 214.957 28.384 214.957 28.3264V25.0219L212.095 26.6742C212.045 26.703 211.981 26.6859 211.953 26.636L211.014 25.01C210.985 24.9601 211.002 24.8963 211.052 24.8675L213.914 23.2153L211.052 21.5631C211.002 21.5343 210.985 21.4705 211.014 21.4207L211.953 19.7947C211.982 19.7448 212.045 19.7277 212.095 19.7565L214.957 21.4087V18.1043Z" fill="#FFFBFF"/>
<rect x="233.613" y="107.516" width="8" height="8" transform="rotate(30.813 233.613 107.516)" fill="#CABEFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M214.957 18.1043C214.957 18.0467 215.004 18 215.061 18H216.939C216.997 18 217.043 18.0467 217.043 18.1043V21.4086L219.905 19.7565C219.955 19.7277 220.018 19.7448 220.047 19.7947L220.986 21.4207C221.015 21.4705 220.998 21.5343 220.948 21.5631L218.086 23.2153L220.948 24.8675C220.998 24.8963 221.015 24.9601 220.986 25.01L220.047 26.636C220.019 26.6859 219.955 26.703 219.905 26.6742L217.043 25.022V28.3264C217.043 28.384 216.997 28.4307 216.939 28.4307H215.061C215.004 28.4307 214.957 28.384 214.957 28.3264V25.0219L212.095 26.6742C212.045 26.703 211.982 26.6859 211.953 26.636L211.014 25.01C210.985 24.9601 211.002 24.8963 211.052 24.8675L213.914 23.2153L211.052 21.5631C211.002 21.5343 210.985 21.4705 211.014 21.4207L211.953 19.7947C211.982 19.7448 212.046 19.7277 212.095 19.7565L214.957 21.4087V18.1043Z" fill="#FFFBFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M160.957 97C163.166 97 164.957 95.2091 164.957 93C164.957 90.7909 163.166 89 160.957 89C158.748 89 156.957 90.7909 156.957 93C156.957 95.2091 158.748 97 160.957 97ZM160.957 95C162.062 95 162.957 94.1046 162.957 93C162.957 91.8954 162.062 91 160.957 91C159.852 91 158.957 91.8954 158.957 93C158.957 94.1046 159.852 95 160.957 95Z" fill="#C4C7C7"/>
<path d="M12.2891 104.696L13.4832 107.26C14.1427 108.676 15.8253 109.29 17.2414 108.63V108.63C18.6574 107.971 20.34 108.584 20.9995 110V110C21.659 111.416 23.3416 112.029 24.7576 111.37V111.37C26.1737 110.71 27.8562 111.324 28.5158 112.74L29.7099 115.304" stroke="#F7F8F8" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<defs>
<linearGradient id="paint0_linear_240_10907" x1="125.5" y1="29" x2="122" y2="80.5" gradientUnits="userSpaceOnUse">
<linearGradient id="paint0_linear_494_13573" x1="148.16" y1="35.0001" x2="151.66" y2="86.5001" gradientUnits="userSpaceOnUse">
<stop stop-color="#7958FF"/>
<stop offset="1" stop-color="#FD8EFF"/>
</linearGradient>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 10 KiB