eduvia/workavia-mail-front
11
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

TF-1118 Apply new latest design forwarding

Browse Source
This commit is contained in:
dab246
2022-11-08 15:45:49 +07:00
committed by Dat H. Pham
parent 2402371ca3
commit eaa47b9cd7
31 changed files with 897 additions and 714 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/images/ic_delete_dialog_identity.svg
+11 -5
View File
@@ -1,6 +1,12 @@
<svg width="65" height="64" viewBox="0 0 65 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" width="64" height="64" rx="16" fill="#FFE9DB"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M29.4445 27.5015C28.8931 27.5322 28.4709 28.004 28.5015 28.5555L29.0015 37.5555C29.0322 38.1069 29.504 38.5291 30.0555 38.4985C30.6069 38.4678 31.0291 37.996 30.9985 37.4445L30.4985 28.4445C30.4678 27.8931 29.996 27.4709 29.4445 27.5015Z" fill="#E64646"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M35.5555 27.5015C36.1069 27.5322 36.5291 28.004 36.4985 28.5555L35.9985 37.5555C35.9678 38.1069 35.496 38.5291 34.9445 38.4985C34.3931 38.4678 33.9709 37.996 34.0015 37.4445L34.5015 28.4445C34.5322 27.8931 35.004 27.4709 35.5555 27.5015Z" fill="#E64646"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M22 23C21.4477 23 21 23.4477 21 24C21 24.5523 21.4477 25 22 25H23.0961L24.3936 37.8226C24.4674 38.5523 24.5286 39.157 24.6175 39.6489C24.7102 40.1618 24.845 40.629 25.1061 41.0628C25.5134 41.7394 26.1117 42.2803 26.8259 42.6173C27.2837 42.8334 27.7622 42.9205 28.2817 42.9611C28.7802 43 29.3879 43 30.1214 43H34.8786C35.6121 43 36.2198 43 36.7183 42.9611C37.2378 42.9205 37.7163 42.8334 38.1741 42.6173C38.8883 42.2803 39.4866 41.7394 39.8939 41.0628C40.155 40.629 40.2898 40.1618 40.3825 39.6489C40.4714 39.157 40.5326 38.5523 40.6064 37.8226L41.9039 25H43C43.5523 25 44 24.5523 44 24C44 23.4477 43.5523 23 43 23H36.8885C36.4338 20.996 34.6416 19.5 32.5 19.5C30.3584 19.5 28.5662 20.996 28.1115 23H22ZM26.3795 37.5826C26.4583 38.3607 26.5123 38.8873 26.5856 39.2932C26.6568 39.687 26.734 39.8891 26.8196 40.0314C27.0233 40.3697 27.3225 40.6401 27.6795 40.8087C27.8297 40.8796 28.0385 40.936 28.4375 40.9672C28.8488 40.9993 29.3781 41 30.1602 41H34.8398C35.6219 41 36.1512 40.9993 36.5625 40.9672C36.9615 40.936 37.1703 40.8796 37.3205 40.8087C37.6775 40.6401 37.9767 40.3697 38.1804 40.0314C38.266 39.8891 38.3432 39.687 38.4144 39.2932C38.4877 38.8873 38.5417 38.3607 38.6205 37.5826L39.8937 25H25.1063L26.3795 37.5826ZM32.5 21.5C31.4748 21.5 30.5938 22.117 30.208 23H34.792C34.4062 22.117 33.5252 21.5 32.5 21.5Z" fill="#E64646"/>
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="64" height="64" rx="16" fill="#F2F3F5" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M28.5083 26.8595C27.8781 26.8945 27.3956 27.4337 27.4306 28.064L28.002 38.3497C28.037 38.9799 28.5763 39.4624 29.2065 39.4274C29.8367 39.3924 30.3192 38.8531 30.2842 38.2229L29.7128 27.9372C29.6778 27.307 29.1385 26.8244 28.5083 26.8595Z"
fill="#E64646" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M35.4922 26.8595C36.1225 26.8945 36.605 27.4337 36.5699 28.064L35.9985 38.3497C35.9635 38.9799 35.4242 39.4624 34.794 39.4274C34.1638 39.3924 33.6813 38.8531 33.7163 38.2229L34.2878 27.9372C34.3228 27.307 34.862 26.8244 35.4922 26.8595Z"
fill="#E64646" />
<path fill-rule="evenodd" clip-rule="evenodd"
d="M20.0003 21.7148C19.3691 21.7148 18.8574 22.2265 18.8574 22.8577C18.8574 23.4889 19.3691 24.0006 20.0003 24.0006H21.2529L22.7358 38.655C22.8202 39.4889 22.8901 40.18 22.9917 40.7422C23.0977 41.3283 23.2517 41.8623 23.5501 42.3581C24.0155 43.1313 24.6994 43.7494 25.5155 44.1346C26.0388 44.3816 26.5856 44.4811 27.1794 44.5275C27.749 44.572 28.4436 44.572 29.2819 44.572H34.7187C35.5569 44.572 36.2515 44.572 36.8211 44.5275C37.4149 44.4811 37.9617 44.3816 38.485 44.1346C39.3012 43.7494 39.985 43.1313 40.4504 42.3581C40.7488 41.8623 40.9029 41.3283 41.0088 40.7422C41.1104 40.18 41.1803 39.4889 41.2647 38.655L42.7476 24.0006H44.0003C44.6315 24.0006 45.1431 23.4889 45.1431 22.8577C45.1431 22.2265 44.6315 21.7148 44.0003 21.7148H37.0157C36.496 19.4246 34.4478 17.7148 32.0003 17.7148C29.5527 17.7148 27.5045 19.4246 26.9849 21.7148H20.0003ZM25.0055 38.3806C25.0954 39.2699 25.1572 39.8717 25.241 40.3357C25.3224 40.7857 25.4106 41.0167 25.5084 41.1793C25.7412 41.5659 26.0831 41.875 26.4912 42.0676C26.6628 42.1486 26.9015 42.2131 27.3574 42.2487C27.8275 42.2855 28.4324 42.2863 29.3263 42.2863H34.6743C35.5681 42.2863 36.1731 42.2855 36.6431 42.2487C37.0991 42.2131 37.3378 42.1486 37.5094 42.0676C37.9175 41.875 38.2594 41.5659 38.4921 41.1793C38.59 41.0167 38.6782 40.7857 38.7595 40.3357C38.8434 39.8717 38.9051 39.2699 38.9951 38.3806L40.4502 24.0006H23.5503L25.0055 38.3806ZM32.0003 20.0006C30.8287 20.0006 29.8218 20.7058 29.3809 21.7148H34.6197C34.1788 20.7058 33.1719 20.0006 32.0003 20.0006Z"
fill="#E64646" />
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

assets/images/ic_delete_recipient.svg
+5
View File
@@ -0,0 +1,5 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M12.0001 1.71484C17.6807 1.71484 22.2858 6.31991 22.2858 12.0006C22.2858 17.6812 17.6807 22.2863 12.0001 22.2863C6.31943 22.2863 1.71436 17.6812 1.71436 12.0006C1.71436 6.31991 6.31943 1.71484 12.0001 1.71484ZM12.0001 3.42913C7.2662 3.42913 3.42864 7.26669 3.42864 12.0006C3.42864 16.7344 7.2662 20.572 12.0001 20.572C16.7339 20.572 20.5715 16.7344 20.5715 12.0006C20.5715 7.26669 16.7339 3.42913 12.0001 3.42913ZM16.2858 11.1434C16.7592 11.1434 17.1429 11.5272 17.1429 12.0006C17.1429 12.4739 16.7592 12.8577 16.2858 12.8577H7.71436C7.24097 12.8577 6.85721 12.4739 6.85721 12.0006C6.85721 11.5272 7.24097 11.1434 7.71436 11.1434H16.2858Z"
fill="#E64646" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 790 B

assets/images/ic_selected_recipient.svg
+8
View File
@@ -0,0 +1,8 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="40" height="40" rx="20" fill="#007AFF" />
<path
d="M17 24.5858L11.7071 19.2929C11.3166 18.9024 10.6834 18.9024 10.2929 19.2929C9.90237 19.6834 9.90237 20.3166 10.2929 20.7071L16.2929 26.7071C16.6834 27.0976 17.3166 27.0976 17.7071 26.7071L29.7071 14.7071C30.0976 14.3166 30.0976 13.6834 29.7071 13.2929C29.3166 12.9024 28.6834 12.9024 28.2929 13.2929L17 24.5858Z"
fill="white" />
<rect x="0.10989" y="0.10989" width="39.7802" height="39.7802" rx="19.8901" stroke="#EBEDF0"
stroke-opacity="0.08" stroke-width="0.21978" stroke-linejoin="round" />
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 696 B