Style: Adding style changes as per #1761 feedback. (#1770)

* Style: Adding style changes as per #1761 feedback.

* minor search icon changes
This commit is contained in:
Sachin Chaurasiya 2021-12-15 18:38:11 +05:30 committed by GitHub
parent f6849f1069
commit 54c012e545
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
25 changed files with 120 additions and 27 deletions

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1792 1792" fill="#7147E8"><path d="M480 1408v128h-352v-128h352zm352-128q26 0 45 19t19 45v256q0 26-19 45t-45 19h-256q-26 0-45-19t-19-45v-256q0-26 19-45t45-19h256zm160-384v128h-864v-128h864zm-640-512v128h-224v-128h224zm1312 1024v128h-736v-128h736zm-960-1152q26 0 45 19t19 45v256q0 26-19 45t-45 19h-256q-26 0-45-19t-19-45v-256q0-26 19-45t45-19h256zm640 512q26 0 45 19t19 45v256q0 26-19 45t-45 19h-256q-26 0-45-19t-19-45v-256q0-26 19-45t45-19h256zm320 128v128h-224v-128h224zm0-512v128h-864v-128h864z"/></svg>

After

Width:  |  Height:  |  Size: 557 B

View File

@ -1,4 +1,4 @@
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 13.1797H13.1797V4.92188H10.6914V13.1797H9.87109V8.20312H7.41016V13.1797H6.58984V6.5625H4.12891V13.1797H3.30859V9.02344H0.820312V13.1797H0V14H14V13.1797Z" fill="#008376"/>
<path d="M14 3.28125V0H10.6914V0.820313H12.5997L8.64062 4.75204L5.35937 1.47079L0.120173 6.68268L0.700134 7.26264L5.35937 2.63077L8.64062 5.91202L13.1797 1.4003V3.28125H14Z" fill="#008376"/>
<path d="M14 13.1797H13.1797V4.92188H10.6914V13.1797H9.87109V8.20312H7.41016V13.1797H6.58984V6.5625H4.12891V13.1797H3.30859V9.02344H0.820312V13.1797H0V14H14V13.1797Z" fill="#7147E8"/>
<path d="M14 3.28125V0H10.6914V0.820313H12.5997L8.64062 4.75204L5.35937 1.47079L0.120173 6.68268L0.700134 7.26264L5.35937 2.63077L8.64062 5.91202L13.1797 1.4003V3.28125H14Z" fill="#7147E8"/>
</svg>

Before

Width:  |  Height:  |  Size: 477 B

After

Width:  |  Height:  |  Size: 477 B

View File

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.4 0.800051C13.5181 0.798458 12.8019 1.51208 12.8003 2.39399C12.7996 2.80965 12.9609 3.20924 13.2501 3.5078L10.3269 9.35315C10.2629 9.34252 10.1982 9.33593 10.1333 9.33343C9.92678 9.33383 9.72228 9.37443 9.53122 9.4529L7.26188 6.9009C7.39434 6.66668 7.46484 6.40252 7.46669 6.13343C7.46669 5.24977 6.75034 4.53343 5.86669 4.53343C4.98303 4.53343 4.26669 5.24977 4.26669 6.13343C4.26825 6.51536 4.40766 6.88389 4.65922 7.1713L1.88587 12.0289C1.79163 12.0107 1.69597 12.0011 1.6 12.0001C0.716344 12.0001 0 12.7164 0 13.6001C0 14.4837 0.716344 15.2001 1.6 15.2001C2.48366 15.2001 3.2 14.4837 3.2 13.6001C3.19844 13.2181 3.05903 12.8496 2.80747 12.5622L5.58081 7.70458C5.87853 7.7634 6.18703 7.73183 6.46669 7.61393L8.73603 10.1659C8.60431 10.4003 8.53453 10.6645 8.53337 10.9334C8.53072 11.8171 9.24487 12.5356 10.1285 12.5382C11.0122 12.5409 11.7307 11.8267 11.7333 10.9431C11.7346 10.5262 11.5731 10.1253 11.2832 9.82568L14.2064 3.98033C14.2705 3.99096 14.3351 3.99755 14.4 4.00005C15.2837 4.00005 16 3.28371 16 2.40005C16 1.5164 15.2837 0.800051 14.4 0.800051ZM1.6 14.1334C1.30544 14.1334 1.06666 13.8946 1.06666 13.6001C1.06666 13.3055 1.30544 13.0667 1.6 13.0667C1.89456 13.0667 2.13334 13.3055 2.13334 13.6001C2.13334 13.8946 1.89456 14.1334 1.6 14.1334ZM5.86666 6.66671C5.57209 6.66671 5.33331 6.42793 5.33331 6.13336C5.33331 5.8388 5.57209 5.60002 5.86666 5.60002C6.16122 5.60002 6.4 5.8388 6.4 6.13336C6.4 6.42793 6.16122 6.66671 5.86666 6.66671ZM10.1333 11.4667C9.83878 11.4667 9.6 11.2279 9.6 10.9334C9.6 10.6388 9.83878 10.4 10.1333 10.4C10.4279 10.4 10.6667 10.6388 10.6667 10.9334C10.6667 11.2279 10.4279 11.4667 10.1333 11.4667ZM14.4 2.9334C14.1054 2.9334 13.8667 2.69461 13.8667 2.40005C13.8667 2.10549 14.1054 1.86671 14.4 1.86671C14.6946 1.86671 14.9333 2.10549 14.9333 2.40005C14.9333 2.69461 14.6946 2.9334 14.4 2.9334Z" fill="#7147E8"/>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -0,0 +1,5 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.7676 7.68014C12.4738 7.60195 12.2622 7.41008 12.1558 7.12527C12.1099 7.00214 12.0588 6.87896 12.004 6.75918C11.8775 6.48237 11.8913 6.19681 12.044 5.93346C12.3728 5.36625 12.2792 4.64676 11.8163 4.18385C11.3533 3.72089 10.6339 3.62726 10.0666 3.95617C9.8033 4.10885 9.5178 4.12267 9.24096 3.99614C9.12134 3.94145 8.99815 3.89039 8.8749 3.84436C8.59006 3.73801 8.39818 3.52645 8.31997 3.23255C8.15141 2.59899 7.57647 2.15649 6.92182 2.15649C6.26717 2.15649 5.69221 2.59899 5.52368 3.23255C5.44549 3.52642 5.25358 3.73795 4.96877 3.84432C4.84562 3.89032 4.72243 3.94136 4.60268 3.9961C4.3259 4.12267 4.04037 4.10885 3.777 3.95614C3.20979 3.62723 2.49029 3.72089 2.02736 4.18385C1.46336 4.74782 1.46336 5.6655 2.02736 6.22946L2.0838 6.2859C1.83836 6.70943 1.65158 7.15989 1.52568 7.63179H1.44649C0.648901 7.63179 0 8.28066 0 9.07828C0 9.73293 0.442496 10.3079 1.07602 10.4764C1.36986 10.5546 1.58143 10.7465 1.6878 11.0313C1.7338 11.1545 1.78486 11.2776 1.83961 11.3974C1.96617 11.6742 1.95236 11.9598 1.79967 12.2231C1.4708 12.7903 1.56443 13.5098 2.02739 13.9727C2.49032 14.4356 3.20985 14.5293 3.77703 14.2004C4.04041 14.0477 4.3259 14.0339 4.60275 14.1604C4.72246 14.2151 4.84562 14.2662 4.96881 14.3122C5.25365 14.4186 5.44552 14.6301 5.52371 14.924C5.69227 15.5575 6.2672 16.0001 6.92185 16.0001C7.5765 16.0001 8.15147 15.5576 8.32 14.924C8.39818 14.6301 8.59009 14.4186 8.87496 14.3122C8.9984 14.2661 9.12159 14.215 9.24096 14.1604C9.51777 14.0339 9.8033 14.0477 10.0666 14.2004C10.6339 14.5292 11.3533 14.4356 11.8163 13.9727C12.2792 13.5098 12.3729 12.7903 12.044 12.2231C11.8913 11.9597 11.8775 11.6742 12.004 11.3974C12.0588 11.2776 12.1099 11.1545 12.1558 11.0313C12.2622 10.7465 12.4737 10.5546 12.7676 10.4764C13.4011 10.3078 13.8436 9.7329 13.8436 9.07832C13.8436 8.42363 13.4011 7.8487 12.7676 7.68014ZM12.5266 9.57047C11.9353 9.72784 11.4917 10.1302 11.2776 10.7033C11.2394 10.8057 11.1969 10.9081 11.1514 11.0076C10.8968 11.5647 10.9257 12.1634 11.233 12.6933C11.349 12.8934 11.3163 13.147 11.1534 13.3098C10.9906 13.4727 10.737 13.5054 10.5369 13.3894C10.007 13.0821 9.40833 13.0532 8.85118 13.3079C8.75193 13.3532 8.64956 13.3957 8.54696 13.434C7.97372 13.6481 7.57138 14.0917 7.41404 14.6831C7.35457 14.9066 7.15219 15.0626 6.92185 15.0626C6.69154 15.0626 6.48914 14.9066 6.42967 14.683C6.27229 14.0917 5.86995 13.6481 5.29674 13.434C5.19437 13.3958 5.09199 13.3533 4.99249 13.3079C4.74131 13.193 4.48171 13.1359 4.22375 13.1359C3.90953 13.1359 3.59778 13.2207 3.30676 13.3894C3.10663 13.5054 2.85313 13.4727 2.69023 13.3098C2.52736 13.147 2.49464 12.8935 2.61067 12.6934C2.91795 12.1634 2.94688 11.5647 2.69223 11.0077C2.6467 10.9081 2.60426 10.8057 2.56601 10.7034C2.35195 10.1302 1.90842 9.72784 1.31705 9.57047C1.09359 9.511 0.937493 9.30859 0.937493 9.07828C0.937493 8.79763 1.16583 8.56929 1.44649 8.56929H1.89864C2.12317 8.56929 2.31617 8.41007 2.35886 8.1896C2.47767 7.57576 2.71607 7.0008 3.06748 6.48062C3.19313 6.29459 3.16926 6.04556 3.01051 5.88678L2.69029 5.56656C2.49182 5.36809 2.49182 5.04519 2.69029 4.84672C2.85317 4.68388 3.10666 4.65113 3.30679 4.76716C3.83675 5.07444 4.43543 5.10344 4.99246 4.84872C5.09199 4.80322 5.19437 4.76079 5.29674 4.72257C5.86995 4.50851 6.27229 4.06495 6.42964 3.47358C6.48911 3.25008 6.69148 3.09399 6.92182 3.09399C7.15213 3.09399 7.35454 3.25008 7.414 3.47358C7.57138 4.06495 7.97372 4.50854 8.54693 4.72257C8.6494 4.76082 8.75174 4.80329 8.85118 4.84872C9.40827 5.10338 10.0069 5.07441 10.5369 4.76716C10.7369 4.6511 10.9905 4.68385 11.1534 4.84675C11.3162 5.0096 11.3489 5.26313 11.2329 5.46322C10.9256 5.99318 10.8967 6.59187 11.1514 7.14896C11.1969 7.24855 11.2394 7.35092 11.2776 7.45327C11.4917 8.02645 11.9352 8.42876 12.5265 8.5861C12.75 8.64557 12.9061 8.84797 12.9061 9.07828C12.9061 9.30859 12.7501 9.511 12.5266 9.57047Z" fill="#7147E8"/>
<path d="M15.6295 2.69046L15.4649 2.60624C15.494 2.46605 15.5055 2.32318 15.4993 2.18018L15.6752 2.1234C15.9216 2.04387 16.0568 1.77968 15.9773 1.53334C15.8977 1.28697 15.6335 1.15178 15.3872 1.23125L15.2113 1.28803C15.1327 1.16838 15.0398 1.05922 14.9343 0.962471L15.0186 0.797941C15.1365 0.567505 15.0453 0.28507 14.8149 0.167071C14.5845 0.0490715 14.302 0.140258 14.184 0.370725L14.0995 0.535786C13.9581 0.506818 13.8154 0.495849 13.6741 0.501974L13.6169 0.325007C13.5374 0.0786337 13.2732 -0.0566152 13.0269 0.0229154C12.7805 0.102446 12.6453 0.366632 12.7248 0.612973L12.7819 0.789909C12.6637 0.867534 12.5543 0.959939 12.4565 1.06613L12.2915 0.981627C12.061 0.86369 11.7786 0.954814 11.6606 1.18528C11.5426 1.41572 11.6338 1.69815 11.8642 1.81615L12.0288 1.90037C11.9997 2.04056 11.9882 2.1834 11.9944 2.32643L11.8185 2.38321C11.5722 2.46271 11.4369 2.72693 11.5164 2.97327C11.5805 3.1718 11.7645 3.29814 11.9624 3.29814C12.0101 3.29814 12.0586 3.2908 12.1065 3.27536L12.2824 3.21858C12.361 3.33823 12.4538 3.44739 12.5593 3.54414L12.4751 3.7087C12.3571 3.93913 12.4483 4.22157 12.6787 4.33954C12.7471 4.37457 12.82 4.39113 12.892 4.39113C13.0623 4.39113 13.2266 4.29794 13.3096 4.13588L13.3939 3.97117C13.5095 3.9951 13.6269 4.00788 13.7449 4.00788C13.7699 4.00788 13.7949 4.00723 13.8199 4.00613L13.8766 4.18163C13.9407 4.38016 14.1247 4.50651 14.3226 4.50651C14.3703 4.50651 14.4188 4.49916 14.4667 4.48372C14.713 4.40419 14.8482 4.14001 14.7688 3.89364L14.712 3.71776C14.8316 3.63917 14.9408 3.54629 15.0375 3.44079L15.2021 3.52504C15.2705 3.56008 15.3434 3.57664 15.4153 3.57664C15.5856 3.57664 15.75 3.48345 15.8329 3.32139C15.9511 3.09086 15.8599 2.80842 15.6295 2.69046ZM14.4734 2.62524C14.2683 3.02583 13.7756 3.18495 13.3749 2.9798C12.9744 2.77471 12.8153 2.28193 13.0204 1.88134C13.1647 1.59947 13.4514 1.43719 13.7483 1.43719C13.8733 1.43719 14.0001 1.466 14.1189 1.52678C14.5195 1.73184 14.6785 2.22462 14.4734 2.62524Z" fill="#7147E8"/>
<path d="M6.92172 5.41553C4.90211 5.41553 3.25903 7.05861 3.25903 9.07822C3.25903 11.0978 4.90211 12.7409 6.92172 12.7409C8.94133 12.7409 10.5844 11.0978 10.5844 9.07822C10.5844 7.05861 8.94133 5.41553 6.92172 5.41553ZM6.92172 11.8034C6.46582 11.8034 6.03579 11.6907 5.6578 11.492C5.92701 11.0566 6.40176 10.7855 6.92172 10.7855C7.43856 10.7855 7.91678 11.0635 8.18487 11.4924C7.80703 11.6909 7.37728 11.8034 6.92172 11.8034ZM6.18457 9.07822C6.18457 8.67175 6.51526 8.3411 6.92172 8.3411C7.32819 8.3411 7.65884 8.67178 7.65884 9.07822C7.65884 9.48465 7.32816 9.81537 6.92172 9.81537C6.51529 9.81537 6.18457 9.48468 6.18457 9.07822ZM8.92933 10.919C8.77746 10.6947 8.58877 10.4947 8.37121 10.3316C8.30543 10.2823 8.23752 10.2371 8.16812 10.1951C8.43415 9.89856 8.59633 9.507 8.59633 9.07819C8.59633 8.15479 7.84509 7.40357 6.92172 7.40357C5.99836 7.40357 5.24708 8.15482 5.24708 9.07819C5.24708 9.50653 5.40892 9.89765 5.67442 10.1941C5.37386 10.3749 5.11305 10.6207 4.9129 10.9177C4.46831 10.4326 4.19656 9.78653 4.19656 9.07816C4.19656 7.57548 5.41908 6.35296 6.92175 6.35296C8.42443 6.35296 9.64695 7.57548 9.64695 9.07816C9.64692 9.78721 9.37467 10.4337 8.92933 10.919Z" fill="#7147E8"/>
</svg>

After

Width:  |  Height:  |  Size: 6.9 KiB

View File

@ -1 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="512" height="512" x="0" y="0" viewBox="0 0 64 64" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path xmlns="http://www.w3.org/2000/svg" d="M56.588,45H41.412A4.417,4.417,0,0,0,37,49.411V52H14.5a9.5,9.5,0,0,1,0-19H24.586L32,40.414,39.414,33H49.5a11.5,11.5,0,0,0,0-23H27V7.412A4.417,4.417,0,0,0,22.588,3H7.412A4.417,4.417,0,0,0,3,7.412v7.176A4.417,4.417,0,0,0,7.412,19H22.588A4.417,4.417,0,0,0,27,14.588V12H49.5a9.5,9.5,0,0,1,0,19H39.414L32,23.586,24.586,31H14.5a11.5,11.5,0,0,0,0,23H37v2.589A4.417,4.417,0,0,0,41.412,61H56.588A4.417,4.417,0,0,0,61,56.589V49.411A4.417,4.417,0,0,0,56.588,45Z" fill="#1890FF" data-original="#000000" style="" class=""></path></g></svg>
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="512" height="512" x="0" y="0" viewBox="0 0 64 64" style="enable-background:new 0 0 512 512" xml:space="preserve" class=""><g><path xmlns="http://www.w3.org/2000/svg" d="M56.588,45H41.412A4.417,4.417,0,0,0,37,49.411V52H14.5a9.5,9.5,0,0,1,0-19H24.586L32,40.414,39.414,33H49.5a11.5,11.5,0,0,0,0-23H27V7.412A4.417,4.417,0,0,0,22.588,3H7.412A4.417,4.417,0,0,0,3,7.412v7.176A4.417,4.417,0,0,0,7.412,19H22.588A4.417,4.417,0,0,0,27,14.588V12H49.5a9.5,9.5,0,0,1,0,19H39.414L32,23.586,24.586,31H14.5a11.5,11.5,0,0,0,0,23H37v2.589A4.417,4.417,0,0,0,41.412,61H56.588A4.417,4.417,0,0,0,61,56.589V49.411A4.417,4.417,0,0,0,56.588,45Z" fill="#7147E8" data-original="#000000" style="" class=""></path></g></svg>

Before

Width:  |  Height:  |  Size: 835 B

After

Width:  |  Height:  |  Size: 835 B

View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:svgjs="http://svgjs.com/svgjs" width="512" height="512" x="0" y="0" viewBox="0 0 512.026 512.026" style="enable-background:new 0 0 512 512" xml:space="preserve"><g><path xmlns="http://www.w3.org/2000/svg" d="m100 354.016h-80c-11.046 0-20 8.954-20 20v118c0 11.046 8.954 20 20 20h80c11.046 0 20-8.954 20-20v-118c0-11.046-8.954-20-20-20zm-20 118h-40v-78h40zm188.735-236h-80c-11.046 0-20 8.954-20 20v236c0 11.046 8.954 20 20 20h80c11.046 0 20-8.954 20-20v-236c0-11.046-8.954-20-20-20zm-20 236h-40v-196h40zm259.574-336.627-90.117-126.95c-8.171-11.513-24.837-10.96-32.616-.001l-90.128 126.95c-9.38 13.214.082 31.578 16.309 31.578h30.122v325.05c0 11.046 8.954 20 20 20h80c11.046 0 20-8.954 20-20v-325.05h30.121c16.203 0 25.702-18.346 16.309-31.577zm-66.43-8.423c-11.046 0-20 8.955-20 20v325.05h-40v-325.05c0-11.045-8.954-20-20-20h-11.396l51.399-72.4 51.394 72.4z" fill="#7147E8" style=""></path></g></svg>

After

Width:  |  Height:  |  Size: 1002 B

View File

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M13.2621 3.06497C14.0321 3.57493 15.0686 3.36495 15.5786 2.595C16.0886 1.82504 15.8786 0.788452 15.1086 0.278484C14.3387 -0.231484 13.3021 -0.0214973 12.7921 0.748455C12.4222 1.30842 12.4222 2.03503 12.7921 2.595L9.94565 5.44147C9.929 5.45813 9.91565 5.47813 9.90565 5.50147C8.71239 4.36489 6.8225 4.41154 5.68592 5.60812C5.66258 5.63477 5.63927 5.65812 5.61592 5.68477L3.4494 4.44819C3.49274 4.30486 3.51274 4.16155 3.51605 4.01156C3.52605 3.08162 2.77944 2.31501 1.8495 2.30501C0.91956 2.29501 0.152921 3.04166 0.142922 3.9716C0.132922 4.90154 0.879532 5.66815 1.80947 5.67815C2.32944 5.6848 2.82607 5.44816 3.14939 5.04153L5.22592 6.22811C4.59596 7.3647 4.7726 8.77795 5.66589 9.72455L3.56602 11.8178C3.39603 11.7244 3.20604 11.6744 3.01605 11.6744C2.37275 11.6744 1.84947 12.1977 1.84947 12.841C1.84947 13.4843 2.37278 14.0076 3.01605 14.0076C3.65933 14.0076 4.18264 13.4843 4.18264 12.841C4.18264 12.6477 4.13264 12.4577 4.0393 12.291L6.16917 10.1578C7.25245 10.8911 8.68567 10.8378 9.70895 10.0212L11.4755 12.0844C10.5989 13.0277 10.6555 14.5009 11.5988 15.3775C12.5421 16.2541 14.0153 16.1975 14.892 15.2542C15.7686 14.3109 15.7119 12.8377 14.7686 11.9611C14.3353 11.5611 13.7687 11.3411 13.1821 11.3411C12.7654 11.3411 12.3555 11.4544 11.9955 11.6677L10.1823 9.55453C11.0156 8.52459 11.0689 7.06803 10.3156 5.9781C10.3523 5.96144 10.3856 5.9381 10.4156 5.91144L13.2621 3.06497ZM14.182 0.675115C14.7354 0.675115 15.182 1.12174 15.182 1.67505C15.182 2.22836 14.7354 2.67499 14.182 2.67499C13.6287 2.67499 13.1821 2.22836 13.1821 1.67505C13.1821 1.12174 13.6287 0.675115 14.182 0.675115ZM1.84947 5.00819C1.29616 5.00819 0.849534 4.56156 0.849534 4.00825C0.849534 3.45494 1.29616 3.00831 1.84947 3.00831C2.40278 3.00831 2.84941 3.45494 2.84941 4.00825C2.84941 4.56156 2.39944 5.00819 1.84947 5.00819ZM3.01609 13.341C2.73945 13.341 2.51612 13.1177 2.51612 12.841C2.51612 12.5644 2.73945 12.3411 3.01609 12.3411C3.29272 12.3411 3.51605 12.5644 3.51605 12.841C3.51605 13.1177 3.28938 13.341 3.01609 13.341ZM13.1821 12.0078C14.102 12.0078 14.8487 12.7544 14.8487 13.6743C14.8453 14.5942 14.102 15.3375 13.1821 15.3409C12.2622 15.3409 11.5156 14.5942 11.5156 13.6743C11.5156 12.7544 12.2622 12.0078 13.1821 12.0078ZM7.8491 10.0079C6.55918 10.0079 5.5159 8.9646 5.5159 7.67468C5.5159 6.38476 6.55918 5.34148 7.8491 5.34148C9.13902 5.34148 10.1823 6.38476 10.1823 7.67468C10.179 8.96129 9.1357 10.0045 7.8491 10.0079Z" fill="#7147E8"/>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

View File

@ -0,0 +1,3 @@
<svg width="14" height="15" viewBox="0 0 14 15" fill="#7147E8" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8086 12.1051L11.0824 9.37891C10.9594 9.25586 10.7926 9.1875 10.6176 9.1875H10.1719C10.9266 8.22227 11.375 7.0082 11.375 5.6875C11.375 2.5457 8.8293 0 5.6875 0C2.5457 0 0 2.5457 0 5.6875C0 8.8293 2.5457 11.375 5.6875 11.375C7.0082 11.375 8.22227 10.9266 9.1875 10.1719V10.6176C9.1875 10.7926 9.25586 10.9594 9.37891 11.0824L12.1051 13.8086C12.3621 14.0656 12.7777 14.0656 13.032 13.8086L13.8059 13.0348C14.0629 12.7777 14.0629 12.3621 13.8086 12.1051ZM5.6875 9.1875C3.7543 9.1875 2.1875 7.62344 2.1875 5.6875C2.1875 3.7543 3.75156 2.1875 5.6875 2.1875C7.6207 2.1875 9.1875 3.75156 9.1875 5.6875C9.1875 7.6207 7.62344 9.1875 5.6875 9.1875Z" fill="#7147E8"/>
</svg>

After

Width:  |  Height:  |  Size: 775 B

View File

@ -1,3 +1,3 @@
<svg width="14" height="15" viewBox="0 0 14 15" fill="#37352F" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8086 12.1051L11.0824 9.37891C10.9594 9.25586 10.7926 9.1875 10.6176 9.1875H10.1719C10.9266 8.22227 11.375 7.0082 11.375 5.6875C11.375 2.5457 8.8293 0 5.6875 0C2.5457 0 0 2.5457 0 5.6875C0 8.8293 2.5457 11.375 5.6875 11.375C7.0082 11.375 8.22227 10.9266 9.1875 10.1719V10.6176C9.1875 10.7926 9.25586 10.9594 9.37891 11.0824L12.1051 13.8086C12.3621 14.0656 12.7777 14.0656 13.032 13.8086L13.8059 13.0348C14.0629 12.7777 14.0629 12.3621 13.8086 12.1051ZM5.6875 9.1875C3.7543 9.1875 2.1875 7.62344 2.1875 5.6875C2.1875 3.7543 3.75156 2.1875 5.6875 2.1875C7.6207 2.1875 9.1875 3.75156 9.1875 5.6875C9.1875 7.6207 7.62344 9.1875 5.6875 9.1875Z" fill="#37352F"/>
<svg width="14" height="15" viewBox="0 0 14 15" fill="#6B7280" xmlns="http://www.w3.org/2000/svg">
<path d="M13.8086 12.1051L11.0824 9.37891C10.9594 9.25586 10.7926 9.1875 10.6176 9.1875H10.1719C10.9266 8.22227 11.375 7.0082 11.375 5.6875C11.375 2.5457 8.8293 0 5.6875 0C2.5457 0 0 2.5457 0 5.6875C0 8.8293 2.5457 11.375 5.6875 11.375C7.0082 11.375 8.22227 10.9266 9.1875 10.1719V10.6176C9.1875 10.7926 9.25586 10.9594 9.37891 11.0824L12.1051 13.8086C12.3621 14.0656 12.7777 14.0656 13.032 13.8086L13.8059 13.0348C14.0629 12.7777 14.0629 12.3621 13.8086 12.1051ZM5.6875 9.1875C3.7543 9.1875 2.1875 7.62344 2.1875 5.6875C2.1875 3.7543 3.75156 2.1875 5.6875 2.1875C7.6207 2.1875 9.1875 3.75156 9.1875 5.6875C9.1875 7.6207 7.62344 9.1875 5.6875 9.1875Z" fill="#6B7280"/>
</svg>

Before

Width:  |  Height:  |  Size: 775 B

After

Width:  |  Height:  |  Size: 775 B

View File

@ -1,6 +1,6 @@
<svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.39801 14C8.39366 13.993 8.38977 13.984 8.38541 13.9768C8.34513 13.9079 8.30592 13.8351 8.26752 13.7566C8.26151 13.7441 8.25574 13.7304 8.24962 13.718C8.21641 13.6469 8.18379 13.5722 8.15199 13.4942L8.12596 13.4306C8.09074 13.3408 8.05647 13.2479 8.02314 13.1494L8.00442 13.0913C7.97592 13.0048 7.94836 12.9157 7.92162 12.8238L7.89972 12.7486C7.86945 12.641 7.84024 12.5302 7.81186 12.4159L7.7936 12.3389C7.76946 12.2394 7.74697 12.138 7.72459 12.0346C7.71882 12.0073 7.71281 11.9805 7.70716 11.953C7.6816 11.8313 7.65758 11.7059 7.63485 11.5766C7.62931 11.5462 7.62425 11.5157 7.61895 11.4852C7.59916 11.3733 7.5802 11.2595 7.56206 11.1439L7.54923 11.0629C7.52862 10.9281 7.5093 10.7911 7.49105 10.6517C7.48645 10.618 7.48245 10.5835 7.47809 10.5495C7.46243 10.4278 7.44747 10.3027 7.43345 10.1769L7.42497 10.1017C7.40896 9.95761 7.39459 9.81183 7.38187 9.66471L7.37221 9.55401C7.36055 9.41922 7.34984 9.2837 7.33982 9.14714L7.3357 9.09171C7.3251 8.93954 7.31627 8.78737 7.30803 8.63521L7.30131 8.52197C7.29401 8.37709 7.28777 8.23205 7.28247 8.08672L7.28106 8.05061C7.27576 7.89532 7.27163 7.74003 7.26893 7.5846L7.26704 7.47077C7.26457 7.31414 7.26292 7.15737 7.26292 7.00089C7.26292 6.84456 7.26457 6.68779 7.26704 6.53102L7.26893 6.41719C7.27187 6.2616 7.27587 6.10631 7.28106 5.95132L7.28247 5.91506C7.28777 5.76958 7.29401 5.62455 7.30131 5.47981L7.30732 5.36598C7.31545 5.21382 7.3244 5.06165 7.335 4.90948L7.33912 4.8542C7.34889 4.71764 7.35973 4.58196 7.37151 4.44718L7.38116 4.33648C7.39459 4.18951 7.40896 4.04388 7.42427 3.89944L7.43181 3.82306C7.4457 3.69734 7.46066 3.57356 7.47632 3.45052C7.48068 3.41649 7.4848 3.38201 7.4894 3.34828C7.50777 3.20904 7.52708 3.07203 7.54758 2.9371L7.5603 2.85611C7.57843 2.7405 7.59751 2.62667 7.6173 2.51478C7.6226 2.48431 7.62766 2.45385 7.6332 2.42339C7.65628 2.29499 7.68042 2.16958 7.70551 2.04698C7.71105 2.01964 7.71705 1.99274 7.72294 1.9654C7.74532 1.86138 7.76828 1.76003 7.79184 1.66106L7.81021 1.58409C7.83848 1.46966 7.8678 1.35881 7.89795 1.25137L7.91997 1.17633C7.94659 1.08434 7.97427 0.995181 8.00265 0.908695L8.02149 0.850592C8.05482 0.752664 8.08898 0.659194 8.12419 0.569439L8.15034 0.505838C8.18214 0.427822 8.21464 0.353671 8.24797 0.282045C8.25398 0.269711 8.25975 0.255891 8.26587 0.243409C8.30415 0.164947 8.34349 0.0912412 8.38376 0.0231819C8.38812 0.0161976 8.39201 0.00698436 8.39637 1.06788e-07L5.81573 0C5.21155 -2.5001e-08 4.36854 2.66293 4.36854 6.9997C4.36853 11.3365 5.21155 13.9994 5.81573 13.9994L8.39801 14Z" fill="#B02AAC"/>
<path d="M4.02948 14C4.02512 13.993 4.02123 13.984 4.01688 13.9768C3.9766 13.9079 3.93738 13.8351 3.89899 13.7566C3.89298 13.7441 3.88721 13.7304 3.88108 13.718C3.84787 13.6469 3.81525 13.5722 3.78345 13.4942L3.75742 13.4306C3.72221 13.3408 3.68794 13.2479 3.65461 13.1494L3.63588 13.0913C3.60738 13.0048 3.57982 12.9157 3.55309 12.8238L3.53118 12.7486C3.50091 12.641 3.47171 12.5302 3.44332 12.4159L3.42507 12.3389C3.40092 12.2394 3.37843 12.138 3.35605 12.0346C3.35028 12.0073 3.34428 11.9805 3.33862 11.953C3.31307 11.8313 3.28904 11.7059 3.26631 11.5766C3.26078 11.5462 3.25571 11.5157 3.25041 11.4852C3.23063 11.3733 3.21166 11.2595 3.19353 11.1439L3.18069 11.0629C3.16032 10.9281 3.14088 10.7911 3.12251 10.6517C3.11792 10.618 3.11391 10.5835 3.10956 10.5495C3.09389 10.4278 3.07893 10.3027 3.06492 10.1769L3.05644 10.1017C3.04042 9.95761 3.02605 9.81183 3.01333 9.66471L3.00368 9.55401C2.99202 9.41922 2.9813 9.2837 2.97129 9.14714L2.96717 9.09171C2.95657 8.93954 2.94774 8.78737 2.93949 8.63521L2.93278 8.52197C2.92548 8.37709 2.91923 8.23205 2.91393 8.08672L2.91252 8.05061C2.90722 7.89532 2.9031 7.74003 2.90039 7.5846L2.89851 7.47077C2.89603 7.31414 2.89438 7.15737 2.89438 7.00089C2.89438 6.84456 2.89603 6.68779 2.89851 6.53102L2.90039 6.41719C2.90334 6.2616 2.90734 6.10631 2.91252 5.95132L2.91393 5.91506C2.91923 5.76958 2.92548 5.62455 2.93278 5.47981L2.93878 5.36598C2.94691 5.21382 2.95586 5.06165 2.96646 4.90948L2.97058 4.8542C2.98036 4.71764 2.99119 4.58196 3.00297 4.44718L3.01263 4.33648C3.02605 4.18951 3.04042 4.04388 3.05573 3.89944L3.06327 3.82306C3.07717 3.69734 3.09213 3.57356 3.10779 3.45052C3.11215 3.41649 3.11627 3.38201 3.12086 3.34828C3.13923 3.20904 3.15855 3.07203 3.17904 2.9371L3.19176 2.85611C3.20978 2.7405 3.22874 2.62667 3.24876 2.51478C3.25406 2.48431 3.25913 2.45385 3.26466 2.42339C3.28775 2.29499 3.31189 2.16958 3.33697 2.04698C3.34251 2.01964 3.34852 1.99274 3.35441 1.9654C3.37678 1.86138 3.39975 1.76003 3.4233 1.66106L3.44167 1.58409C3.46982 1.46966 3.49903 1.35881 3.52942 1.25137L3.55144 1.17633C3.57806 1.08434 3.60573 0.995181 3.63412 0.908695L3.65296 0.850592C3.68629 0.752664 3.72044 0.659194 3.75566 0.569439L3.7818 0.505838C3.8136 0.427822 3.84611 0.353671 3.87944 0.282045C3.88544 0.269711 3.89121 0.255891 3.89734 0.243409C3.93561 0.164947 3.97495 0.0912412 4.01523 0.0231819C4.01959 0.0161976 4.02347 0.00698436 4.02783 1.06788e-07L1.44719 0C0.843018 -2.50009e-08 2.00245e-07 2.66293 0 6.9997C-2.00244e-07 11.3365 0.843017 13.9994 1.44719 13.9994L4.02948 14Z" fill="#B02AAC"/>
<path d="M12.7666 14C12.7622 13.993 12.7583 13.984 12.754 13.9768C12.7137 13.9079 12.6745 13.8351 12.6361 13.7566C12.6301 13.7441 12.6243 13.7304 12.6182 13.718C12.585 13.6469 12.5523 13.5722 12.5217 13.4942L12.4957 13.4306C12.4605 13.3408 12.4262 13.2479 12.393 13.1494L12.3741 13.0913C12.3456 13.0048 12.3181 12.9157 12.2913 12.8238L12.2694 12.7486C12.2392 12.641 12.21 12.5302 12.1816 12.4159L12.1633 12.3389C12.1392 12.2394 12.1168 12.138 12.0943 12.0346C12.0885 12.0073 12.0825 11.9805 12.077 11.953C12.0514 11.8313 12.0273 11.7059 12.0046 11.5766C11.999 11.5462 11.994 11.5157 11.9887 11.4852C11.9689 11.3733 11.9499 11.2595 11.9318 11.1439L11.9189 11.0629C11.8983 10.9281 11.879 10.7911 11.8609 10.6517C11.8563 10.618 11.8522 10.5835 11.8478 10.5495C11.8321 10.4278 11.8172 10.3027 11.8032 10.1769L11.7947 10.1017C11.7787 9.95761 11.7643 9.81183 11.7516 9.66471L11.7419 9.55401C11.7304 9.41922 11.7196 9.2837 11.7097 9.14714L11.7055 9.09171C11.6949 8.93954 11.686 8.78737 11.6777 8.63521L11.6699 8.52197C11.6626 8.37709 11.6563 8.23205 11.651 8.08672L11.6496 8.05061C11.6443 7.89532 11.6402 7.74003 11.6375 7.5846L11.6356 7.47077C11.6331 7.31414 11.6315 7.15737 11.6315 7.00089C11.6315 6.84456 11.6331 6.68779 11.6356 6.53102L11.6375 6.41719C11.6404 6.2616 11.6444 6.10631 11.6496 5.95132L11.651 5.91506C11.6563 5.76958 11.6626 5.62455 11.6699 5.47981L11.6759 5.36598C11.684 5.21382 11.6929 5.06165 11.7035 4.90948L11.7077 4.8542C11.7174 4.71764 11.7283 4.58196 11.7401 4.44718L11.7497 4.33648C11.7631 4.18951 11.7775 4.04388 11.7928 3.89944L11.8004 3.82306C11.8142 3.69734 11.8292 3.57356 11.8449 3.45052C11.8492 3.41649 11.8533 3.38201 11.8579 3.34828C11.8763 3.20904 11.8956 3.07203 11.9161 2.9371L11.9288 2.85611C11.947 2.7405 11.9661 2.62667 11.9858 2.51478C11.9911 2.48431 11.9962 2.45385 12.0017 2.42339C12.0248 2.29499 12.049 2.16958 12.0741 2.04698C12.0796 2.01964 12.0856 1.99274 12.0915 1.9654C12.1139 1.86138 12.1368 1.76003 12.1604 1.66106L12.1788 1.58409C12.207 1.46966 12.2363 1.35881 12.2665 1.25137L12.2885 1.17633C12.3151 1.08434 12.3428 0.995181 12.3712 0.908695L12.39 0.850592C12.4234 0.752664 12.4575 0.659194 12.4927 0.569439L12.5189 0.505838C12.5507 0.427822 12.5832 0.353671 12.6153 0.282045C12.6213 0.269711 12.6271 0.255891 12.6331 0.243409C12.6715 0.164947 12.7109 0.0912412 12.7511 0.0231819C12.7555 0.0161976 12.7593 0.00698436 12.7636 1.06734e-07L10.1843 0C9.58128 -2.49522e-08 8.73708 2.66293 8.73708 6.9997C8.73708 11.3365 9.58127 13.9994 10.1843 13.9994L12.7666 14Z" fill="#B02AAC"/>
<path d="M14.5528 14C15.352 14 16 10.8662 16 7.00029C16 3.13444 15.352 0.000591727 14.5528 0.000591694C13.7536 0.000591661 13.1056 3.13444 13.1056 7.00029C13.1056 10.8662 13.7536 14 14.5528 14Z" fill="#B02AAC"/>
<path d="M8.39801 14C8.39366 13.993 8.38977 13.984 8.38541 13.9768C8.34513 13.9079 8.30592 13.8351 8.26752 13.7566C8.26151 13.7441 8.25574 13.7304 8.24962 13.718C8.21641 13.6469 8.18379 13.5722 8.15199 13.4942L8.12596 13.4306C8.09074 13.3408 8.05647 13.2479 8.02314 13.1494L8.00442 13.0913C7.97592 13.0048 7.94836 12.9157 7.92162 12.8238L7.89972 12.7486C7.86945 12.641 7.84024 12.5302 7.81186 12.4159L7.7936 12.3389C7.76946 12.2394 7.74697 12.138 7.72459 12.0346C7.71882 12.0073 7.71281 11.9805 7.70716 11.953C7.6816 11.8313 7.65758 11.7059 7.63485 11.5766C7.62931 11.5462 7.62425 11.5157 7.61895 11.4852C7.59916 11.3733 7.5802 11.2595 7.56206 11.1439L7.54923 11.0629C7.52862 10.9281 7.5093 10.7911 7.49105 10.6517C7.48645 10.618 7.48245 10.5835 7.47809 10.5495C7.46243 10.4278 7.44747 10.3027 7.43345 10.1769L7.42497 10.1017C7.40896 9.95761 7.39459 9.81183 7.38187 9.66471L7.37221 9.55401C7.36055 9.41922 7.34984 9.2837 7.33982 9.14714L7.3357 9.09171C7.3251 8.93954 7.31627 8.78737 7.30803 8.63521L7.30131 8.52197C7.29401 8.37709 7.28777 8.23205 7.28247 8.08672L7.28106 8.05061C7.27576 7.89532 7.27163 7.74003 7.26893 7.5846L7.26704 7.47077C7.26457 7.31414 7.26292 7.15737 7.26292 7.00089C7.26292 6.84456 7.26457 6.68779 7.26704 6.53102L7.26893 6.41719C7.27187 6.2616 7.27587 6.10631 7.28106 5.95132L7.28247 5.91506C7.28777 5.76958 7.29401 5.62455 7.30131 5.47981L7.30732 5.36598C7.31545 5.21382 7.3244 5.06165 7.335 4.90948L7.33912 4.8542C7.34889 4.71764 7.35973 4.58196 7.37151 4.44718L7.38116 4.33648C7.39459 4.18951 7.40896 4.04388 7.42427 3.89944L7.43181 3.82306C7.4457 3.69734 7.46066 3.57356 7.47632 3.45052C7.48068 3.41649 7.4848 3.38201 7.4894 3.34828C7.50777 3.20904 7.52708 3.07203 7.54758 2.9371L7.5603 2.85611C7.57843 2.7405 7.59751 2.62667 7.6173 2.51478C7.6226 2.48431 7.62766 2.45385 7.6332 2.42339C7.65628 2.29499 7.68042 2.16958 7.70551 2.04698C7.71105 2.01964 7.71705 1.99274 7.72294 1.9654C7.74532 1.86138 7.76828 1.76003 7.79184 1.66106L7.81021 1.58409C7.83848 1.46966 7.8678 1.35881 7.89795 1.25137L7.91997 1.17633C7.94659 1.08434 7.97427 0.995181 8.00265 0.908695L8.02149 0.850592C8.05482 0.752664 8.08898 0.659194 8.12419 0.569439L8.15034 0.505838C8.18214 0.427822 8.21464 0.353671 8.24797 0.282045C8.25398 0.269711 8.25975 0.255891 8.26587 0.243409C8.30415 0.164947 8.34349 0.0912412 8.38376 0.0231819C8.38812 0.0161976 8.39201 0.00698436 8.39637 1.06788e-07L5.81573 0C5.21155 -2.5001e-08 4.36854 2.66293 4.36854 6.9997C4.36853 11.3365 5.21155 13.9994 5.81573 13.9994L8.39801 14Z" fill="#7147E8"/>
<path d="M4.02948 14C4.02512 13.993 4.02123 13.984 4.01688 13.9768C3.9766 13.9079 3.93738 13.8351 3.89899 13.7566C3.89298 13.7441 3.88721 13.7304 3.88108 13.718C3.84787 13.6469 3.81525 13.5722 3.78345 13.4942L3.75742 13.4306C3.72221 13.3408 3.68794 13.2479 3.65461 13.1494L3.63588 13.0913C3.60738 13.0048 3.57982 12.9157 3.55309 12.8238L3.53118 12.7486C3.50091 12.641 3.47171 12.5302 3.44332 12.4159L3.42507 12.3389C3.40092 12.2394 3.37843 12.138 3.35605 12.0346C3.35028 12.0073 3.34428 11.9805 3.33862 11.953C3.31307 11.8313 3.28904 11.7059 3.26631 11.5766C3.26078 11.5462 3.25571 11.5157 3.25041 11.4852C3.23063 11.3733 3.21166 11.2595 3.19353 11.1439L3.18069 11.0629C3.16032 10.9281 3.14088 10.7911 3.12251 10.6517C3.11792 10.618 3.11391 10.5835 3.10956 10.5495C3.09389 10.4278 3.07893 10.3027 3.06492 10.1769L3.05644 10.1017C3.04042 9.95761 3.02605 9.81183 3.01333 9.66471L3.00368 9.55401C2.99202 9.41922 2.9813 9.2837 2.97129 9.14714L2.96717 9.09171C2.95657 8.93954 2.94774 8.78737 2.93949 8.63521L2.93278 8.52197C2.92548 8.37709 2.91923 8.23205 2.91393 8.08672L2.91252 8.05061C2.90722 7.89532 2.9031 7.74003 2.90039 7.5846L2.89851 7.47077C2.89603 7.31414 2.89438 7.15737 2.89438 7.00089C2.89438 6.84456 2.89603 6.68779 2.89851 6.53102L2.90039 6.41719C2.90334 6.2616 2.90734 6.10631 2.91252 5.95132L2.91393 5.91506C2.91923 5.76958 2.92548 5.62455 2.93278 5.47981L2.93878 5.36598C2.94691 5.21382 2.95586 5.06165 2.96646 4.90948L2.97058 4.8542C2.98036 4.71764 2.99119 4.58196 3.00297 4.44718L3.01263 4.33648C3.02605 4.18951 3.04042 4.04388 3.05573 3.89944L3.06327 3.82306C3.07717 3.69734 3.09213 3.57356 3.10779 3.45052C3.11215 3.41649 3.11627 3.38201 3.12086 3.34828C3.13923 3.20904 3.15855 3.07203 3.17904 2.9371L3.19176 2.85611C3.20978 2.7405 3.22874 2.62667 3.24876 2.51478C3.25406 2.48431 3.25913 2.45385 3.26466 2.42339C3.28775 2.29499 3.31189 2.16958 3.33697 2.04698C3.34251 2.01964 3.34852 1.99274 3.35441 1.9654C3.37678 1.86138 3.39975 1.76003 3.4233 1.66106L3.44167 1.58409C3.46982 1.46966 3.49903 1.35881 3.52942 1.25137L3.55144 1.17633C3.57806 1.08434 3.60573 0.995181 3.63412 0.908695L3.65296 0.850592C3.68629 0.752664 3.72044 0.659194 3.75566 0.569439L3.7818 0.505838C3.8136 0.427822 3.84611 0.353671 3.87944 0.282045C3.88544 0.269711 3.89121 0.255891 3.89734 0.243409C3.93561 0.164947 3.97495 0.0912412 4.01523 0.0231819C4.01959 0.0161976 4.02347 0.00698436 4.02783 1.06788e-07L1.44719 0C0.843018 -2.50009e-08 2.00245e-07 2.66293 0 6.9997C-2.00244e-07 11.3365 0.843017 13.9994 1.44719 13.9994L4.02948 14Z" fill="#7147E8"/>
<path d="M12.7666 14C12.7622 13.993 12.7583 13.984 12.754 13.9768C12.7137 13.9079 12.6745 13.8351 12.6361 13.7566C12.6301 13.7441 12.6243 13.7304 12.6182 13.718C12.585 13.6469 12.5523 13.5722 12.5217 13.4942L12.4957 13.4306C12.4605 13.3408 12.4262 13.2479 12.393 13.1494L12.3741 13.0913C12.3456 13.0048 12.3181 12.9157 12.2913 12.8238L12.2694 12.7486C12.2392 12.641 12.21 12.5302 12.1816 12.4159L12.1633 12.3389C12.1392 12.2394 12.1168 12.138 12.0943 12.0346C12.0885 12.0073 12.0825 11.9805 12.077 11.953C12.0514 11.8313 12.0273 11.7059 12.0046 11.5766C11.999 11.5462 11.994 11.5157 11.9887 11.4852C11.9689 11.3733 11.9499 11.2595 11.9318 11.1439L11.9189 11.0629C11.8983 10.9281 11.879 10.7911 11.8609 10.6517C11.8563 10.618 11.8522 10.5835 11.8478 10.5495C11.8321 10.4278 11.8172 10.3027 11.8032 10.1769L11.7947 10.1017C11.7787 9.95761 11.7643 9.81183 11.7516 9.66471L11.7419 9.55401C11.7304 9.41922 11.7196 9.2837 11.7097 9.14714L11.7055 9.09171C11.6949 8.93954 11.686 8.78737 11.6777 8.63521L11.6699 8.52197C11.6626 8.37709 11.6563 8.23205 11.651 8.08672L11.6496 8.05061C11.6443 7.89532 11.6402 7.74003 11.6375 7.5846L11.6356 7.47077C11.6331 7.31414 11.6315 7.15737 11.6315 7.00089C11.6315 6.84456 11.6331 6.68779 11.6356 6.53102L11.6375 6.41719C11.6404 6.2616 11.6444 6.10631 11.6496 5.95132L11.651 5.91506C11.6563 5.76958 11.6626 5.62455 11.6699 5.47981L11.6759 5.36598C11.684 5.21382 11.6929 5.06165 11.7035 4.90948L11.7077 4.8542C11.7174 4.71764 11.7283 4.58196 11.7401 4.44718L11.7497 4.33648C11.7631 4.18951 11.7775 4.04388 11.7928 3.89944L11.8004 3.82306C11.8142 3.69734 11.8292 3.57356 11.8449 3.45052C11.8492 3.41649 11.8533 3.38201 11.8579 3.34828C11.8763 3.20904 11.8956 3.07203 11.9161 2.9371L11.9288 2.85611C11.947 2.7405 11.9661 2.62667 11.9858 2.51478C11.9911 2.48431 11.9962 2.45385 12.0017 2.42339C12.0248 2.29499 12.049 2.16958 12.0741 2.04698C12.0796 2.01964 12.0856 1.99274 12.0915 1.9654C12.1139 1.86138 12.1368 1.76003 12.1604 1.66106L12.1788 1.58409C12.207 1.46966 12.2363 1.35881 12.2665 1.25137L12.2885 1.17633C12.3151 1.08434 12.3428 0.995181 12.3712 0.908695L12.39 0.850592C12.4234 0.752664 12.4575 0.659194 12.4927 0.569439L12.5189 0.505838C12.5507 0.427822 12.5832 0.353671 12.6153 0.282045C12.6213 0.269711 12.6271 0.255891 12.6331 0.243409C12.6715 0.164947 12.7109 0.0912412 12.7511 0.0231819C12.7555 0.0161976 12.7593 0.00698436 12.7636 1.06734e-07L10.1843 0C9.58128 -2.49522e-08 8.73708 2.66293 8.73708 6.9997C8.73708 11.3365 9.58127 13.9994 10.1843 13.9994L12.7666 14Z" fill="#7147E8"/>
<path d="M14.5528 14C15.352 14 16 10.8662 16 7.00029C16 3.13444 15.352 0.000591727 14.5528 0.000591694C13.7536 0.000591661 13.1056 3.13444 13.1056 7.00029C13.1056 10.8662 13.7536 14 14.5528 14Z" fill="#7147E8"/>
</svg>

Before

Width:  |  Height:  |  Size: 7.7 KiB

After

Width:  |  Height:  |  Size: 7.7 KiB

View File

@ -97,6 +97,7 @@ const DashboardDetails = ({
alt: 'schema',
name: 'icon-schema',
title: 'Details',
selectedName: 'icon-schemacolor',
},
isProtected: false,
position: 1,
@ -107,6 +108,7 @@ const DashboardDetails = ({
alt: 'manage',
name: 'icon-manage',
title: 'Manage',
selectedName: 'icon-managecolor',
},
isProtected: true,
protectedState: !owner || hasEditAccess(),

View File

@ -124,6 +124,7 @@ const DatasetDetails: React.FC<DatasetDetailsProps> = ({
alt: 'schema',
name: 'icon-schema',
title: 'Schema',
selectedName: 'icon-schemacolor',
},
isProtected: false,
position: 1,
@ -134,6 +135,7 @@ const DatasetDetails: React.FC<DatasetDetailsProps> = ({
alt: 'profiler',
name: 'icon-profiler',
title: 'Profiler',
selectedName: 'icon-profilercolor',
},
isProtected: false,
position: 2,
@ -144,6 +146,7 @@ const DatasetDetails: React.FC<DatasetDetailsProps> = ({
alt: 'lineage',
name: 'icon-lineage',
title: 'Lineage',
selectedName: 'icon-lineagecolor',
},
isProtected: false,
position: 3,
@ -154,6 +157,7 @@ const DatasetDetails: React.FC<DatasetDetailsProps> = ({
alt: 'dbt-model',
name: 'dbtmodel-light-grey',
title: 'DBT',
selectedName: 'icon-schemacolor',
},
isProtected: false,
isHidden: !dataModel?.sql,
@ -165,6 +169,7 @@ const DatasetDetails: React.FC<DatasetDetailsProps> = ({
alt: 'manage',
name: 'icon-manage',
title: 'Manage',
selectedName: 'icon-managecolor',
},
isProtected: true,
protectedState: !owner || hasEditAccess(),

View File

@ -316,6 +316,7 @@ const DatasetVersion: React.FC<DatasetVersionProp> = ({
alt: 'schema',
name: 'icon-schema',
title: 'Schema',
selectedName: 'icon-schemacolor',
},
isProtected: false,
position: 1,

View File

@ -410,7 +410,11 @@ const Explore: React.FC<ExploreProps> = ({
<SVGIcons
alt="icon"
className="tw-h-4 tw-w-4 tw-mr-2"
icon={tabDetail.icon}
icon={
tabDetail.tab === currentTab
? tabDetail.selectedIcon
: tabDetail.icon
}
/>
{tabDetail.label}
<span className="tw-pl-2">

View File

@ -113,7 +113,11 @@ const MyAssetStats: FunctionComponent<Props> = ({
className="tw-flex tw-items-center tw-justify-between tw-mb-2"
key={index}>
<div className="tw-flex">
<SVGIcons alt="icon" className="tw-h-4 tw-w-4" icon={data.icon} />
<SVGIcons
alt="icon"
className="tw-h-4 tw-w-4 tw-self-center"
icon={data.icon}
/>
{data.link ? (
<Link
className="tw-font-medium tw-pl-2"

View File

@ -94,6 +94,7 @@ const PipelineDetails = ({
alt: 'schema',
name: 'icon-schema',
title: 'Details',
selectedName: 'icon-schemacolor',
},
isProtected: false,
position: 1,
@ -104,6 +105,7 @@ const PipelineDetails = ({
alt: 'lineage',
name: 'icon-lineage',
title: 'Lineage',
selectedName: 'icon-lineagecolor',
},
isProtected: false,
position: 2,
@ -114,6 +116,7 @@ const PipelineDetails = ({
alt: 'manage',
name: 'icon-manage',
title: 'Manage',
selectedName: 'icon-managecolor',
},
isProtected: true,
protectedState: !owner || hasEditAccess(),

View File

@ -112,6 +112,7 @@ const TopicDetails: React.FC<TopicDetailsProps> = ({
alt: 'schema',
name: 'icon-schema',
title: 'Schema',
selectedName: 'icon-schemacolor',
},
isProtected: false,
position: 1,
@ -122,6 +123,7 @@ const TopicDetails: React.FC<TopicDetailsProps> = ({
alt: 'config',
name: 'icon-config',
title: 'Config',
selectedName: 'icon-configcolor',
},
isProtected: false,
position: 2,
@ -132,6 +134,7 @@ const TopicDetails: React.FC<TopicDetailsProps> = ({
alt: 'manage',
name: 'icon-manage',
title: 'Manage',
selectedName: 'icon-managecolor',
},
isProtected: true,
protectedState: !owner || hasEditAccess(),

View File

@ -63,6 +63,7 @@ const Appbar: React.FC = (): JSX.Element => {
const [searchValue, setSearchValue] = useState(searchQuery);
const [isOpen, setIsOpen] = useState<boolean>(true);
const [isFeatureModalOpen, setIsFeatureModalOpen] = useState<boolean>(false);
const [searchIcon, setSearchIcon] = useState<string>('icon-searchv1');
const [version, setVersion] = useState<string>('');
@ -215,7 +216,7 @@ const Appbar: React.FC = (): JSX.Element => {
<SVGIcons
alt="icon-search"
className="tw-absolute tw-block tw-z-10 tw-w-4 tw-h-4 tw-right-2.5 tw-top-2.5 tw-leading-8 tw-text-center tw-pointer-events-none"
icon="icon-searchv1"
icon={searchIcon}
/>
<input
autoComplete="off"
@ -225,9 +226,11 @@ const Appbar: React.FC = (): JSX.Element => {
placeholder="Search for Table, Topics, Dashboards and Pipeline"
type="text"
value={searchValue || ''}
onBlur={() => setSearchIcon('icon-searchv1')}
onChange={(e) => {
setSearchValue(e.target.value);
}}
onFocus={() => setSearchIcon('icon-searchv1color')}
onKeyDown={(e: React.KeyboardEvent<HTMLInputElement>) => {
const target = e.target as HTMLInputElement;
if (e.key === 'Enter') {

View File

@ -24,6 +24,7 @@ type Tab = {
alt: string;
name: string;
title: string;
selectedName: string;
};
isProtected: boolean;
isHidden?: boolean;
@ -60,7 +61,11 @@ const TabsPane = ({ activeTab, setActiveTab, tabs, className = '' }: Props) => {
onClick={() => setActiveTab?.(tab.position)}>
<SVGIcons
alt={tab.icon.alt}
icon={tab.icon.name}
icon={
tab.position === activeTab
? tab.icon.selectedName
: tab.icon.name
}
title={tab.icon.title}
width="16"
/>{' '}
@ -75,12 +80,18 @@ const TabsPane = ({ activeTab, setActiveTab, tabs, className = '' }: Props) => {
onClick={() => setActiveTab?.(tab.position)}>
<SVGIcons
alt={tab.icon.alt}
icon={tab.icon.name}
icon={
tab.position === activeTab
? tab.icon.selectedName
: tab.icon.name
}
title={tab.icon.title}
width="16"
/>{' '}
{tab.name}
{!isNil(tab.count) ? getCountBadge(tab.count) : null}
{!isNil(tab.count)
? getCountBadge(tab.count, '', tab.position === activeTab)
: null}
</button>
)
) : null

View File

@ -16,6 +16,7 @@ import classNames from 'classnames';
import { debounce } from 'lodash';
import PropTypes from 'prop-types';
import React, { useCallback, useEffect, useState } from 'react';
import SVGIcons from '../../../utils/SvgUtils';
type Props = {
onSearch: (text: string) => void;
@ -70,17 +71,12 @@ const Searchbar = ({
})}
data-testid="search-bar-container">
{label !== '' && <label>{label}</label>}
<div className="tw-flex tw-bg-body-main tw-h-8">
<span className="fa fa-search tw-absolute tw-block tw-z-10 tw-w-9 tw-h-8 tw-leading-8 tw-text-center tw-pointer-events-none tw-text-gray-400" />
{/* <div className="tw-flex-initial">
<span className="input-group-text1 tw-pr-3 tw-py-1.5 tw-flex">
<SVGIcons
alt="search"
icon={Icons.SEARCH}
className="search-icon"
/>
</span>
</div> */}
<div className="tw-flex tw-bg-body-main tw-h-8 tw-relative">
<SVGIcons
alt="icon-search"
className="tw-absolute tw-block tw-z-10 tw-w-4 tw-h-4 tw-top-2 tw-left-2 tw-text-center tw-pointer-events-none"
icon="icon-searchv1"
/>
<input
className="tw-form-inputs tw-relative tw-px-3 tw-py-1 tw-pl-8"
data-testid="searchbar"

View File

@ -148,6 +148,7 @@ export const tabsInfo = [
tab: 1,
path: 'tables',
icon: Icons.TABLE_GREY,
selectedIcon: Icons.TABLE,
},
{
label: 'Topics',
@ -157,6 +158,7 @@ export const tabsInfo = [
tab: 2,
path: 'topics',
icon: Icons.TOPIC_GREY,
selectedIcon: Icons.TOPIC,
},
{
label: 'Dashboards',
@ -166,6 +168,7 @@ export const tabsInfo = [
tab: 3,
path: 'dashboards',
icon: Icons.DASHBOARD_GREY,
selectedIcon: Icons.DASHBOARD,
},
{
label: 'Pipelines',
@ -175,5 +178,6 @@ export const tabsInfo = [
tab: 4,
path: 'pipelines',
icon: Icons.PIPELINE_GREY,
selectedIcon: Icons.PIPELINE,
},
];

View File

@ -81,6 +81,7 @@ const DatabaseDetails: FunctionComponent = () => {
alt: 'tables',
name: 'table-grey',
title: 'Tables',
selectedName: 'table',
},
count: tableInstanceCount,
isProtected: false,

View File

@ -94,7 +94,7 @@
@apply tw-text-grey-body tw-font-normal tw-pt-4 tw-pb-2 tw-px-6 tw-border-b-2 tw-border-transparent hover:tw-border-main focus:tw-outline-none;
}
.tw-gh-tabs.active {
@apply tw-text-grey-dark tw-border-b-2 tw-border-primary;
@apply tw-border-b-2 tw-border-primary tw-text-primary tw-font-medium;
}
.tw-gh-tabs:disabled {
@apply tw-opacity-50 tw-pointer-events-none hover:tw-border-none;

View File

@ -165,6 +165,10 @@ a:focus {
}
.search-grey {
width: 600px;
background: #f8f9fa;
}
.search-grey::placeholder {
color: #6b7280;
}
.search-grey.has-search {

View File

@ -19,6 +19,7 @@ import IconOkta from '../assets/img/icon-okta.png';
import IconWelcomePopper from '../assets/img/welcome-popper-icon.png';
import IconAPI from '../assets/svg/api.svg';
import IconSuccess from '../assets/svg/check.svg';
import IconConfigColor from '../assets/svg/config-color.svg';
import IconConfig from '../assets/svg/config.svg';
import IconDashboardGrey from '../assets/svg/dashboard-grey.svg';
import IconDashboard from '../assets/svg/dashboard.svg';
@ -68,14 +69,19 @@ import IconNotNull from '../assets/svg/icon-notnull.svg';
import IconUnique from '../assets/svg/icon-unique.svg';
import IconInfo from '../assets/svg/info.svg';
import IconIngestion from '../assets/svg/ingestion.svg';
import IconLineageColor from '../assets/svg/lineage-color.svg';
import LogoMonogram from '../assets/svg/logo-monogram.svg';
import Logo from '../assets/svg/logo.svg';
import IconManageColor from '../assets/svg/manage-color.svg';
import IconMinus from '../assets/svg/minus.svg';
import IconPipelineGrey from '../assets/svg/pipeline-grey.svg';
import IconPipeline from '../assets/svg/pipeline.svg';
import IconPlus from '../assets/svg/plus.svg';
import IconProfilerColor from '../assets/svg/profiler-color.svg';
import IconProfiler from '../assets/svg/profiler.svg';
import IconHelpCircle from '../assets/svg/question-circle.svg';
import IconSchemaColor from '../assets/svg/schema-color.svg';
import IconSearchV1Color from '../assets/svg/search-color.svg';
import IconSearchV1 from '../assets/svg/search.svg';
import IconSetting from '../assets/svg/service.svg';
import IconSlackGrey from '../assets/svg/slack-grey.svg';
@ -183,6 +189,12 @@ export const Icons = {
TAG_GREY: 'icon-tag-grey',
TIER: 'icon-tier',
SEARCHV1: 'icon-searchv1',
SCHEMACOLOR: 'icon-schemacolor',
CONFIGCOLOR: 'icon-configcolor',
LINEAGECOLOR: 'icon-lineagecolor',
PROFILERCOLOR: 'icon-profilercolor',
MANAGECOLOR: 'icon-managecolor',
SEARCHV1COLOR: 'icon-searchv1color',
};
const SVGIcons: FunctionComponent<Props> = ({
@ -520,6 +532,30 @@ const SVGIcons: FunctionComponent<Props> = ({
case Icons.SEARCHV1:
IconComponent = IconSearchV1;
break;
case Icons.CONFIGCOLOR:
IconComponent = IconConfigColor;
break;
case Icons.LINEAGECOLOR:
IconComponent = IconLineageColor;
break;
case Icons.MANAGECOLOR:
IconComponent = IconManageColor;
break;
case Icons.PROFILERCOLOR:
IconComponent = IconProfilerColor;
break;
case Icons.SCHEMACOLOR:
IconComponent = IconSchemaColor;
break;
case Icons.SEARCHV1COLOR:
IconComponent = IconSearchV1Color;
break;
default: