btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

chore: added micro interactions (#3783)

Browse Source 
Co-authored-by: Dmitry <mukovkin@yandex.ru>
This commit is contained in:
Liyas Thomas
2024-01-30 18:42:42 +05:30
committed by GitHub
parent 1df9de44b7
commit 0d0ad7a2f8
51 changed files with 1289 additions and 1131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
packages/hoppscotch-common/public/images/states/dark/add_files.svg
View File

@@ -1,26 +1,28 @@
<svg width="165" height="142" viewBox="0 0 165 142" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M85.3227 123.613C119.114 123.613 146.509 96.2184 146.509 62.3067C146.509 28.3949 118.993 1 85.3227 1C51.5316 1 24.1367 28.3949 24.1367 62.3067C24.1367 96.2184 51.5316 123.613 85.3227 123.613Z" fill="#1f1f1f" stroke="#525252" stroke-width="2" stroke-miterlimit="10"/>
<path d="M154.276 42.8823C157.009 42.8823 159.224 40.667 159.224 37.9343C159.224 35.2016 157.009 32.9863 154.276 32.9863C151.543 32.9863 149.328 35.2016 149.328 37.9343C149.328 40.667 151.543 42.8823 154.276 42.8823Z" fill="#1f1f1f"/>
<path d="M161.516 23.5734C163.383 23.5734 164.895 22.0605 164.895 20.1943C164.895 18.3281 163.383 16.8152 161.516 16.8152C159.65 16.8152 158.137 18.3281 158.137 20.1943C158.137 22.0605 159.65 23.5734 161.516 23.5734Z" fill="#1f1f1f"/>
<path d="M26.9123 22.1193C28.7785 22.1193 30.2914 20.6064 30.2914 18.7402C30.2914 16.874 28.7785 15.3611 26.9123 15.3611C25.0461 15.3611 23.5332 16.874 23.5332 18.7402C23.5332 20.6064 25.0461 22.1193 26.9123 22.1193Z" fill="#1f1f1f"/>
<path d="M6.27549 87.288C9.74134 87.288 12.551 84.4784 12.551 81.0126C12.551 77.5467 9.74134 74.7371 6.27549 74.7371C2.80963 74.7371 0 77.5467 0 81.0126C0 84.4784 2.80963 87.288 6.27549 87.288Z" fill="#1f1f1f"/>
<path d="M121.099 107.854H138.619C140.82 107.854 142.706 105.968 142.706 103.769V22.0724C142.706 19.8729 140.82 17.9875 138.619 17.9875H121.643" fill="#1f1f1f" stroke="#737373" stroke-width="2" stroke-miterlimit="10"/>
<path d="M51.5361 107.854H34.5596C32.3589 107.854 30.4727 105.968 30.4727 103.769V22.0724C30.4727 19.8729 32.3589 17.9875 34.5596 17.9875H51.1864" fill="#1f1f1f" stroke="#737373" stroke-width="2" stroke-miterlimit="10"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.2832 34.3269C41.2832 33.7746 41.7309 33.3269 42.2832 33.3269H50.7714C51.3237 33.3269 51.7714 33.7746 51.7714 34.3269C51.7714 34.8792 51.3237 35.3269 50.7714 35.3269H42.2832C41.7309 35.3269 41.2832 34.8792 41.2832 34.3269Z" fill="#737373"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.2832 45.3245C41.2832 44.7722 41.7309 44.3245 42.2832 44.3245H50.7714C51.3237 44.3245 51.7714 44.7722 51.7714 45.3245C51.7714 45.8767 51.3237 46.3245 50.7714 46.3245H42.2832C41.7309 46.3245 41.2832 45.8767 41.2832 45.3245Z" fill="#737373"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.2832 56.6365C41.2832 56.0842 41.7309 55.6365 42.2832 55.6365H50.7714C51.3237 55.6365 51.7714 56.0842 51.7714 56.6365C51.7714 57.1888 51.3237 57.6365 50.7714 57.6365H42.2832C41.7309 57.6365 41.2832 57.1888 41.2832 56.6365Z" fill="#737373"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.2832 67.9485C41.2832 67.3962 41.7309 66.9485 42.2832 66.9485H50.7714C51.3237 66.9485 51.7714 67.3962 51.7714 67.9485C51.7714 68.5008 51.3237 68.9485 50.7714 68.9485H42.2832C41.7309 68.9485 41.2832 68.5008 41.2832 67.9485Z" fill="#737373"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.2832 89.9434C41.2832 89.3911 41.7309 88.9434 42.2832 88.9434H50.7714C51.3237 88.9434 51.7714 89.3911 51.7714 89.9434C51.7714 90.4956 51.3237 90.9434 50.7714 90.9434H42.2832C41.7309 90.9434 41.2832 90.4956 41.2832 89.9434Z" fill="#737373"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M120.643 34.3269C120.643 33.7746 121.09 33.3269 121.643 33.3269H129.816C130.369 33.3269 130.816 33.7746 130.816 34.3269C130.816 34.8792 130.369 35.3269 129.816 35.3269H121.643C121.09 35.3269 120.643 34.8792 120.643 34.3269Z" fill="#737373"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M120.643 45.3245C120.643 44.7722 121.09 44.3245 121.643 44.3245H129.816C130.369 44.3245 130.816 44.7722 130.816 45.3245C130.816 45.8767 130.369 46.3245 129.816 46.3245H121.643C121.09 46.3245 120.643 45.8767 120.643 45.3245Z" fill="#737373"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M120.643 56.6365C120.643 56.0842 121.09 55.6365 121.643 55.6365H129.816C130.369 55.6365 130.816 56.0842 130.816 56.6365C130.816 57.1888 130.369 57.6365 129.816 57.6365H121.643C121.09 57.6365 120.643 57.1888 120.643 56.6365Z" fill="#737373"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M120.643 67.9485C120.643 67.3962 121.09 66.9485 121.643 66.9485H129.816C130.369 66.9485 130.816 67.3962 130.816 67.9485C130.816 68.5008 130.369 68.9485 129.816 68.9485H121.643C121.09 68.9485 120.643 68.5008 120.643 67.9485Z" fill="#737373"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M120.643 89.9434C120.643 89.3911 121.09 88.9434 121.643 88.9434H129.816C130.369 88.9434 130.816 89.3911 130.816 89.9434C130.816 90.4956 130.369 90.9434 129.816 90.9434H121.643C121.09 90.9434 120.643 90.4956 120.643 89.9434Z" fill="#737373"/>
<path d="M117.556 114.767H55.3086C53.108 114.767 51.2217 112.881 51.2217 110.682V15.7882C51.2217 13.5887 53.108 11.7034 55.3086 11.7034H117.556C119.756 11.7034 121.643 13.5887 121.643 15.7882V110.682C121.643 112.881 119.756 114.767 117.556 114.767Z" fill="#1f1f1f" stroke="#737373" stroke-width="2" stroke-miterlimit="10"/>
<path d="M110.01 42.4467H66.6261C65.683 42.4467 65.0542 41.8773 65.0542 41.0231V37.3216C65.0542 36.4674 65.683 35.8979 66.6261 35.8979H110.01C110.954 35.8979 111.582 36.4674 111.582 37.3216V41.0231C111.582 41.5925 110.954 42.4467 110.01 42.4467Z" fill="#737373"/>
<path d="M110.01 59.4145H66.6261C65.683 59.4145 65.0542 58.845 65.0542 57.9909V54.2894C65.0542 53.4352 65.683 52.8657 66.6261 52.8657H110.01C110.954 52.8657 111.582 53.4352 111.582 54.2894V57.9909C111.582 58.845 110.954 59.4145 110.01 59.4145Z" fill="#737373"/>
<path d="M110.01 76.6962H66.6261C65.683 76.6962 65.0542 76.1268 65.0542 75.2726V71.5711C65.0542 70.7169 65.683 70.1475 66.6261 70.1475H110.01C110.954 70.1475 111.582 70.7169 111.582 71.5711V75.2726C111.582 76.1268 110.954 76.6962 110.01 76.6962Z" fill="#737373"/>
<path d="M110.011 94.2924H92.7198C91.7767 94.2924 91.1479 93.723 91.1479 92.8688V89.1673C91.1479 88.3131 91.7767 87.7437 92.7198 87.7437H110.011C110.954 87.7437 111.583 88.3131 111.583 89.1673V92.8688C111.583 93.723 110.954 94.2924 110.011 94.2924Z" fill="#737373"/>
<path d="M105.548 125.569C105.155 127.237 104.566 129.003 103.879 130.475C102.015 134.106 99.0712 136.952 95.4405 138.816C91.7116 140.681 87.2959 141.466 82.8801 140.484C72.4786 138.326 65.8059 128.12 67.9647 117.719C70.1235 107.317 80.2307 100.546 90.6322 102.803C94.3611 103.588 97.5993 105.453 100.347 108.004C104.959 112.616 106.921 119.289 105.548 125.569Z" fill="#1f1f1f" stroke="#a3a3a3" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/>
<path d="M92.8892 119.976H88.4735V115.56C88.4735 114.677 87.7866 113.892 86.8053 113.892C85.9222 113.892 85.1371 114.579 85.1371 115.56V119.976H80.7214C79.8382 119.976 79.0532 120.662 79.0532 121.644C79.0532 122.625 79.7401 123.312 80.7214 123.312H85.1371V127.728C85.1371 128.611 85.824 129.396 86.8053 129.396C87.6885 129.396 88.4735 128.709 88.4735 127.728V123.312H92.8892C93.7724 123.312 94.5574 122.625 94.5574 121.644C94.5574 120.662 93.7724 119.976 92.8892 119.976Z" fill="#525252"/>
<path d="M85.3226 123.613C119.114 123.613 146.509 96.2184 146.509 62.3067C146.509 28.3949 118.993 1 85.3226 1C51.5315 1 24.1366 28.3949 24.1366 62.3067C24.1366 96.2184 51.5315 123.613 85.3226 123.613Z" fill="#1A1A1A" stroke="#3E3E3E" stroke-width="2" stroke-miterlimit="10"/>
<path d="M154.276 42.8823C157.009 42.8823 159.224 40.667 159.224 37.9343C159.224 35.2016 157.009 32.9863 154.276 32.9863C151.543 32.9863 149.328 35.2016 149.328 37.9343C149.328 40.667 151.543 42.8823 154.276 42.8823Z" fill="#1A1A1A"/>
<path d="M161.517 23.5733C163.383 23.5733 164.896 22.0604 164.896 20.1942C164.896 18.3279 163.383 16.8151 161.517 16.8151C159.65 16.8151 158.137 18.3279 158.137 20.1942C158.137 22.0604 159.65 23.5733 161.517 23.5733Z" fill="#1A1A1A"/>
<path d="M26.9123 22.1192C28.7785 22.1192 30.2914 20.6064 30.2914 18.7401C30.2914 16.8739 28.7785 15.361 26.9123 15.361C25.0461 15.361 23.5332 16.8739 23.5332 18.7401C23.5332 20.6064 25.0461 22.1192 26.9123 22.1192Z" fill="#1A1A1A"/>
<path d="M6.27555 87.288C9.7414 87.288 12.551 84.4784 12.551 81.0126C12.551 77.5467 9.7414 74.7371 6.27555 74.7371C2.80969 74.7371 6.10352e-05 77.5467 6.10352e-05 81.0126C6.10352e-05 84.4784 2.80969 87.288 6.27555 87.288Z" fill="#1A1A1A"/>
<path d="M121.099 107.854H138.619C140.82 107.854 142.706 105.969 142.706 103.769V22.0726C142.706 19.873 140.82 17.9877 138.619 17.9877H121.643" fill="#1A1A1A"/>
<path d="M121.099 107.854H138.619C140.82 107.854 142.706 105.969 142.706 103.769V22.0726C142.706 19.873 140.82 17.9877 138.619 17.9877H121.643L121.099 107.854Z" stroke="#3E3E3E" stroke-width="2" stroke-miterlimit="10"/>
<path d="M51.536 107.854H34.5595C32.3589 107.854 30.4726 105.969 30.4726 103.769V22.0726C30.4726 19.873 32.3589 17.9877 34.5595 17.9877H51.1863" fill="#1A1A1A"/>
<path d="M51.536 107.854H34.5595C32.3589 107.854 30.4726 105.969 30.4726 103.769V22.0726C30.4726 19.873 32.3589 17.9877 34.5595 17.9877H51.1863L51.536 107.854Z" stroke="#3E3E3E" stroke-width="2" stroke-miterlimit="10"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.2831 34.327C41.2831 33.7747 41.7308 33.327 42.2831 33.327H50.7713C51.3236 33.327 51.7713 33.7747 51.7713 34.327C51.7713 34.8793 51.3236 35.327 50.7713 35.327H42.2831C41.7308 35.327 41.2831 34.8793 41.2831 34.327Z" fill="#3E3E3E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.2831 45.3246C41.2831 44.7723 41.7308 44.3246 42.2831 44.3246H50.7713C51.3236 44.3246 51.7713 44.7723 51.7713 45.3246C51.7713 45.8769 51.3236 46.3246 50.7713 46.3246H42.2831C41.7308 46.3246 41.2831 45.8769 41.2831 45.3246Z" fill="#3E3E3E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.2831 56.6365C41.2831 56.0843 41.7308 55.6365 42.2831 55.6365H50.7713C51.3236 55.6365 51.7713 56.0843 51.7713 56.6365C51.7713 57.1888 51.3236 57.6365 50.7713 57.6365H42.2831C41.7308 57.6365 41.2831 57.1888 41.2831 56.6365Z" fill="#3E3E3E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.2831 67.9485C41.2831 67.3962 41.7308 66.9485 42.2831 66.9485H50.7713C51.3236 66.9485 51.7713 67.3962 51.7713 67.9485C51.7713 68.5008 51.3236 68.9485 50.7713 68.9485H42.2831C41.7308 68.9485 41.2831 68.5008 41.2831 67.9485Z" fill="#3E3E3E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M41.2831 89.9436C41.2831 89.3913 41.7308 88.9436 42.2831 88.9436H50.7713C51.3236 88.9436 51.7713 89.3913 51.7713 89.9436C51.7713 90.4959 51.3236 90.9436 50.7713 90.9436H42.2831C41.7308 90.9436 41.2831 90.4959 41.2831 89.9436Z" fill="#3E3E3E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M120.643 34.327C120.643 33.7747 121.09 33.327 121.643 33.327H129.816C130.369 33.327 130.816 33.7747 130.816 34.327C130.816 34.8793 130.369 35.327 129.816 35.327H121.643C121.09 35.327 120.643 34.8793 120.643 34.327Z" fill="#3E3E3E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M120.643 45.3246C120.643 44.7723 121.09 44.3246 121.643 44.3246H129.816C130.369 44.3246 130.816 44.7723 130.816 45.3246C130.816 45.8769 130.369 46.3246 129.816 46.3246H121.643C121.09 46.3246 120.643 45.8769 120.643 45.3246Z" fill="#3E3E3E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M120.643 56.6365C120.643 56.0843 121.09 55.6365 121.643 55.6365H129.816C130.369 55.6365 130.816 56.0843 130.816 56.6365C130.816 57.1888 130.369 57.6365 129.816 57.6365H121.643C121.09 57.6365 120.643 57.1888 120.643 56.6365Z" fill="#3E3E3E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M120.643 67.9485C120.643 67.3962 121.09 66.9485 121.643 66.9485H129.816C130.369 66.9485 130.816 67.3962 130.816 67.9485C130.816 68.5008 130.369 68.9485 129.816 68.9485H121.643C121.09 68.9485 120.643 68.5008 120.643 67.9485Z" fill="#3E3E3E"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M120.643 89.9436C120.643 89.3913 121.09 88.9436 121.643 88.9436H129.816C130.369 88.9436 130.816 89.3913 130.816 89.9436C130.816 90.4959 130.369 90.9436 129.816 90.9436H121.643C121.09 90.9436 120.643 90.4959 120.643 89.9436Z" fill="#3E3E3E"/>
<path d="M117.556 114.767H55.3085C53.1079 114.767 51.2216 112.881 51.2216 110.682V15.7883C51.2216 13.5888 53.1079 11.7035 55.3085 11.7035H117.556C119.756 11.7035 121.643 13.5888 121.643 15.7883V110.682C121.643 112.881 119.756 114.767 117.556 114.767Z" fill="#1A1A1A" stroke="#3E3E3E" stroke-width="2" stroke-miterlimit="10"/>
<path d="M110.011 42.4468H66.6262C65.683 42.4468 65.0543 41.8773 65.0543 41.0231V37.3217C65.0543 36.4675 65.683 35.898 66.6262 35.898H110.011C110.954 35.898 111.582 36.4675 111.582 37.3217V41.0231C111.582 41.5926 110.954 42.4468 110.011 42.4468Z" fill="#3E3E3E"/>
<path d="M110.011 59.4146H66.6262C65.683 59.4146 65.0543 58.8451 65.0543 57.9909V54.2894C65.0543 53.4352 65.683 52.8658 66.6262 52.8658H110.011C110.954 52.8658 111.582 53.4352 111.582 54.2894V57.9909C111.582 58.8451 110.954 59.4146 110.011 59.4146Z" fill="#3E3E3E"/>
<path d="M110.011 76.6964H66.6262C65.683 76.6964 65.0543 76.127 65.0543 75.2728V71.5713C65.0543 70.7171 65.683 70.1476 66.6262 70.1476H110.011C110.954 70.1476 111.582 70.7171 111.582 71.5713V75.2728C111.582 76.127 110.954 76.6964 110.011 76.6964Z" fill="#3E3E3E"/>
<path d="M110.011 94.2926H92.7199C91.7768 94.2926 91.148 93.7231 91.148 92.8689V89.1674C91.148 88.3132 91.7768 87.7438 92.7199 87.7438H110.011C110.954 87.7438 111.583 88.3132 111.583 89.1674V92.8689C111.583 93.7231 110.954 94.2926 110.011 94.2926Z" fill="#3E3E3E"/>
<path d="M105.547 125.569C105.155 127.237 104.566 129.003 103.879 130.475C102.015 134.106 99.071 136.952 95.4402 138.816C91.7114 140.681 87.2956 141.466 82.8799 140.484C72.4783 138.326 65.8057 128.12 67.9645 117.719C70.1233 107.317 80.2304 100.546 90.632 102.803C94.3608 103.588 97.5991 105.453 100.347 108.004C104.959 112.616 106.921 119.289 105.547 125.569Z" fill="#222222" stroke="#696969" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/>
<path d="M92.8889 119.976H88.4731V115.56C88.4731 114.677 87.7862 113.892 86.805 113.892C85.9218 113.892 85.1368 114.579 85.1368 115.56V119.976H80.721C79.8379 119.976 79.0529 120.663 79.0529 121.644C79.0529 122.625 79.7398 123.312 80.721 123.312H85.1368V127.728C85.1368 128.611 85.8237 129.396 86.805 129.396C87.6881 129.396 88.4731 128.709 88.4731 127.728V123.312H92.8889C93.772 123.312 94.557 122.625 94.557 121.644C94.557 120.663 93.772 119.976 92.8889 119.976Z" fill="#8D8D8D"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.8 KiB

After

Width:  |  Height:  |  Size: 7.1 KiB