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

32
packages/hoppscotch-common/public/images/states/black/upload_single_file.svg
View File

@@ -1,17 +1,17 @@
<svg width="128" height="111" viewBox="0 0 128 111" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M63.6998 109.492C93.3998 109.492 117.6 85.3922 117.6 55.7922C117.5 26.0922 93.3998 1.99219 63.6998 1.99219C33.8998 1.99219 9.7998 26.0922 9.7998 55.6922C9.7998 85.3922 33.8998 109.492 63.6998 109.492Z" fill="#181818" stroke="#525252" stroke-width="2" stroke-miterlimit="10"/>
<path d="M118.9 36.992C121.164 36.992 123 35.1564 123 32.892C123 30.6276 121.164 28.792 118.9 28.792C116.635 28.792 114.8 30.6276 114.8 32.892C114.8 35.1564 116.635 36.992 118.9 36.992Z" fill="#525252"/>
<path d="M124.9 20.9921C126.446 20.9921 127.7 19.7385 127.7 18.1921C127.7 16.6457 126.446 15.3921 124.9 15.3921C123.354 15.3921 122.1 16.6457 122.1 18.1921C122.1 19.7385 123.354 20.9921 124.9 20.9921Z" fill="#525252"/>
<path d="M5.2 91.7921C8.07188 91.7921 10.4 89.464 10.4 86.5921C10.4 83.7202 8.07188 81.3921 5.2 81.3921C2.32812 81.3921 0 83.7202 0 86.5921C0 89.464 2.32812 91.7921 5.2 91.7921Z" fill="#525252"/>
<path d="M101.512 33.162V98.2932C101.512 103.039 97.7479 106.803 93.0022 106.803H34.4168C29.6711 106.803 25.9072 103.039 25.9072 98.2932V13.0335C25.9072 8.28779 29.6711 4.52393 34.4168 4.52393H73.0373C75.1647 4.52393 77.1285 5.34216 78.6013 6.81497L99.2207 27.4344C100.694 29.0709 101.512 31.0346 101.512 33.162Z" fill="#181818" stroke="#525252" stroke-width="2" stroke-miterlimit="10"/>
<path d="M75.9185 5.11914V24.4727C75.9185 27.9435 78.8576 30.7201 82.1974 30.7201H100.924" fill="#525252"/>
<path d="M51.1871 89.0665H37.5406C37.0314 89.0665 36.624 88.5253 36.624 87.8758C36.624 87.2263 37.0314 86.6851 37.5406 86.6851H51.1871C51.6963 86.6851 52.1037 87.2263 52.1037 87.8758C52.1037 88.6335 51.6963 89.0665 51.1871 89.0665Z" fill="#525252"/>
<path d="M68.6393 22.3849H37.9495C37.2358 22.3849 36.624 21.8353 36.624 21.1942C36.624 20.553 37.2358 20.0034 37.9495 20.0034H68.6393C69.353 20.0034 69.9648 20.553 69.9648 21.1942C69.9648 21.8353 69.353 22.3849 68.6393 22.3849Z" fill="#525252"/>
<path d="M49.6968 29.5294H37.9414C37.2321 29.5294 36.624 28.9799 36.624 28.3387C36.624 27.6975 37.2321 27.1479 37.9414 27.1479H49.5955C50.3049 27.1479 50.9129 27.6975 50.9129 28.3387C50.9129 28.9799 50.3049 29.5294 49.6968 29.5294Z" fill="#525252"/>
<path d="M90.4363 71.2056H54.6499H50.7057H38.7769C38.2959 71.2056 37.8149 71.7017 37.8149 72.3963C37.8149 72.9917 38.1997 73.5871 38.7769 73.5871H50.7057H54.6499H90.4363C90.9173 73.5871 91.3983 73.0909 91.3983 72.3963C91.3021 71.7017 90.9173 71.2056 90.4363 71.2056Z" fill="#525252"/>
<path d="M90.4346 62.8701H77.1351H72.6056H38.7787C38.2968 62.8701 37.8149 63.3663 37.8149 64.0609C37.8149 64.6562 38.2004 65.2516 38.7787 65.2516H72.6056H77.1351H90.4346C90.9165 65.2516 91.3983 64.7555 91.3983 64.0609C91.302 63.3663 90.9165 62.8701 90.4346 62.8701Z" fill="#525252"/>
<path d="M90.5219 54.5352H87.0657H83.6095H38.775C38.295 54.5352 37.8149 55.0313 37.8149 55.7259C37.8149 56.3213 38.199 56.9166 38.775 56.9166H83.6095H87.4497H90.4259C90.9059 56.9166 91.386 56.4205 91.386 55.7259C91.482 55.1305 91.0019 54.5352 90.5219 54.5352Z" fill="#525252"/>
<path d="M90.4466 46.1997H79.3111H76.5511H38.7667C38.2908 46.1997 37.8149 46.6959 37.8149 47.3905C37.8149 47.9858 38.1956 48.5812 38.7667 48.5812H76.5511H79.3111H90.3514C91.0176 48.5812 91.3983 48.0851 91.3983 47.3905C91.3983 46.7951 91.0176 46.1997 90.4466 46.1997Z" fill="#525252"/>
<path d="M91.0478 106.992C102.671 106.992 112.093 97.5698 112.093 85.9468C112.093 74.3237 102.671 64.9014 91.0478 64.9014C79.4248 64.9014 70.0024 74.3237 70.0024 85.9468C70.0024 97.5698 79.4248 106.992 91.0478 106.992Z" fill="#181818" stroke="#737373" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/>
<path d="M92.2581 77.4039C92.3093 77.4659 92.3547 77.533 92.4099 77.5916L97.5979 83.1C98.218 83.7584 98.218 84.9106 97.5979 85.5691C96.9778 86.2275 95.8926 86.2275 95.1949 85.5691L94.5086 84.8639C93.8826 84.2207 92.7919 84.6638 92.7919 85.5613V92.1533C92.7919 93.141 92.0168 93.964 91.0866 93.964C90.1564 93.964 89.3813 93.141 89.3813 92.1533V85.5613C89.3813 84.6638 88.2906 84.2207 87.6646 84.8639L86.9783 85.5691C86.3582 86.2275 85.273 86.2275 84.5753 85.5691C84.1877 85.1576 84.0327 84.746 84.0327 84.3345C84.0327 83.9603 84.1609 83.4499 84.4757 83.1748C84.538 83.1203 84.604 83.0695 84.6608 83.0092L89.8464 77.5034C90.0789 77.2565 90.6215 76.9272 91.0091 76.9272C91.3638 76.9272 91.9781 77.0651 92.2581 77.4039Z" fill="#525252"/>
<svg width="128" height="110" viewBox="0 0 128 110" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M63.7001 108.492C93.4001 108.492 117.6 84.3922 117.6 54.7922C117.5 25.0922 93.4001 0.992188 63.7001 0.992188C33.9001 0.992188 9.80005 25.0922 9.80005 54.6922C9.80005 84.3922 33.9001 108.492 63.7001 108.492Z" fill="#0E0E0E" stroke="#575757" stroke-width="2" stroke-miterlimit="10"/>
<path d="M118.9 35.992C121.164 35.992 123 34.1564 123 31.892C123 29.6276 121.164 27.792 118.9 27.792C116.636 27.792 114.8 29.6276 114.8 31.892C114.8 34.1564 116.636 35.992 118.9 35.992Z" fill="#575757"/>
<path d="M124.9 19.9921C126.446 19.9921 127.7 18.7385 127.7 17.1921C127.7 15.6457 126.446 14.3921 124.9 14.3921C123.354 14.3921 122.1 15.6457 122.1 17.1921C122.1 18.7385 123.354 19.9921 124.9 19.9921Z" fill="#575757"/>
<path d="M5.2 90.7921C8.07188 90.7921 10.4 88.464 10.4 85.5921C10.4 82.7202 8.07188 80.3921 5.2 80.3921C2.32812 80.3921 0 82.7202 0 85.5921C0 88.464 2.32812 90.7921 5.2 90.7921Z" fill="#575757"/>
<path d="M101.512 32.162V97.2932C101.512 102.039 97.7477 105.803 93.0019 105.803H34.4166C29.6708 105.803 25.907 102.039 25.907 97.2932V12.0335C25.907 7.28779 29.6708 3.52393 34.4166 3.52393H73.0371C75.1645 3.52393 77.1283 4.34216 78.6011 5.81497L99.2205 26.4344C100.693 28.0709 101.512 30.0346 101.512 32.162Z" fill="#0E0E0E" stroke="#575757" stroke-width="2" stroke-miterlimit="10"/>
<path d="M75.9182 4.11914V23.4727C75.9182 26.9435 78.8573 29.7201 82.1972 29.7201H100.924" fill="#575757"/>
<path d="M51.1869 88.0665H37.5403C37.0311 88.0665 36.6238 87.5253 36.6238 86.8758C36.6238 86.2263 37.0311 85.6851 37.5403 85.6851H51.1869C51.6961 85.6851 52.1034 86.2263 52.1034 86.8758C52.1034 87.6335 51.6961 88.0665 51.1869 88.0665Z" fill="#575757"/>
<path d="M68.6391 21.3849H37.9493C37.2355 21.3849 36.6238 20.8353 36.6238 20.1942C36.6238 19.553 37.2355 19.0034 37.9493 19.0034H68.6391C69.3528 19.0034 69.9646 19.553 69.9646 20.1942C69.9646 20.8353 69.3528 21.3849 68.6391 21.3849Z" fill="#575757"/>
<path d="M49.6966 28.5294H37.9412C37.2318 28.5294 36.6238 27.9799 36.6238 27.3387C36.6238 26.6975 37.2318 26.1479 37.9412 26.1479H49.5953C50.3046 26.1479 50.9127 26.6975 50.9127 27.3387C50.9127 27.9799 50.3046 28.5294 49.6966 28.5294Z" fill="#575757"/>
<path d="M90.4358 70.2056H54.6494H50.7053H38.7765C38.2955 70.2056 37.8145 70.7017 37.8145 71.3963C37.8145 71.9917 38.1993 72.5871 38.7765 72.5871H50.7053H54.6494H90.4358C90.9168 72.5871 91.3978 72.0909 91.3978 71.3963C91.3016 70.7017 90.9168 70.2056 90.4358 70.2056Z" fill="#575757"/>
<path d="M90.4341 61.8701H77.1346H72.6051H38.7782C38.2963 61.8701 37.8145 62.3663 37.8145 63.0609C37.8145 63.6562 38.1999 64.2516 38.7782 64.2516H72.6051H77.1346H90.4341C90.916 64.2516 91.3978 63.7555 91.3978 63.0609C91.3015 62.3663 90.916 61.8701 90.4341 61.8701Z" fill="#575757"/>
<path d="M90.5214 53.5352H87.0652H83.609H38.7745C38.2945 53.5352 37.8145 54.0313 37.8145 54.7259C37.8145 55.3213 38.1985 55.9166 38.7745 55.9166H83.609H87.4493H90.4254C90.9055 55.9166 91.3855 55.4205 91.3855 54.7259C91.4815 54.1305 91.0015 53.5352 90.5214 53.5352Z" fill="#575757"/>
<path d="M90.4461 45.1997H79.3106H76.5506H38.7662C38.2903 45.1997 37.8145 45.6959 37.8145 46.3905C37.8145 46.9858 38.1952 47.5812 38.7662 47.5812H76.5506H79.3106H90.3509C91.0171 47.5812 91.3978 47.0851 91.3978 46.3905C91.3978 45.7951 91.0171 45.1997 90.4461 45.1997Z" fill="#575757"/>
<path d="M91.0475 105.992C102.671 105.992 112.093 96.5698 112.093 84.9468C112.093 73.3237 102.671 63.9014 91.0475 63.9014C79.4244 63.9014 70.0021 73.3237 70.0021 84.9468C70.0021 96.5698 79.4244 105.992 91.0475 105.992Z" fill="#1E1E1E" stroke="#545454" stroke-width="2" stroke-miterlimit="10" stroke-linejoin="round"/>
<path d="M92.2577 76.4039C92.309 76.4659 92.3544 76.533 92.4095 76.5916L97.5975 82.1C98.2176 82.7584 98.2176 83.9106 97.5975 84.5691C96.9774 85.2275 95.8922 85.2275 95.1945 84.5691L94.5082 83.8639C93.8823 83.2207 92.7916 83.6638 92.7916 84.5613V91.1533C92.7916 92.141 92.0164 92.964 91.0862 92.964C90.1561 92.964 89.3809 92.141 89.3809 91.1533V84.5613C89.3809 83.6638 88.2902 83.2207 87.6643 83.8639L86.9779 84.5691C86.3578 85.2275 85.2726 85.2275 84.575 84.5691C84.1874 84.1576 84.0323 83.746 84.0323 83.3345C84.0323 82.9603 84.1606 82.4499 84.4753 82.1748C84.5377 82.1203 84.6037 82.0695 84.6605 82.0092L89.846 76.5034C90.0785 76.2565 90.6211 75.9272 91.0087 75.9272C91.3634 75.9272 91.9778 76.0651 92.2577 76.4039Z" fill="#575757"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB