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

TF-249 Change ui mailbox list

Browse Source
This commit is contained in:
dab246
2022-02-09 20:00:59 +07:00
committed by Dat H. Pham
parent 2c8cd967c0
commit 6f9b9d27b4
22 changed files with 312 additions and 210 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/images/ic_add_new_folder.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5 12C5 12.5185 5.42652 12.9367 5.93668 12.9367H11.0633V18.0633C11.0633 18.5735 11.4898 19 12 19C12.5102 19 12.9367 18.5735 12.9367 18.0633V12.9367H18.0633C18.5735 12.9367 19 12.5185 19 12C19 11.4898 18.5735 11.0633 18.0633 11.0633H12.9367V5.93668C12.9367 5.42652 12.5102 5 12 5C11.4898 5 11.0633 5.42652 11.0633 5.93668V11.0633H5.93668C5.42652 11.0633 5 11.4898 5 12Z" fill="#007AFF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 499 B

assets/images/ic_close_mailbox.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.12" d="M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24Z" fill="#818C99"/>
<path d="M16.7364 7.2636C17.0879 7.61508 17.0879 8.18492 16.7364 8.5364L13.273 12L16.7364 15.4636C17.0586 15.7858 17.0854 16.2915 16.817 16.6442L16.7364 16.7364C16.3849 17.0879 15.8151 17.0879 15.4636 16.7364L12 13.273L8.5364 16.7364C8.18492 17.0879 7.61508 17.0879 7.2636 16.7364C6.91213 16.3849 6.91213 15.8151 7.2636 15.4636L10.727 12L7.2636 8.5364C6.94142 8.21421 6.91457 7.70853 7.18306 7.35577L7.2636 7.2636C7.61508 6.91213 8.18492 6.91213 8.5364 7.2636L12 10.727L15.4636 7.2636C15.8151 6.91213 16.3849 6.91213 16.7364 7.2636Z" fill="#818C99"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 810 B

assets/images/ic_folder_mailbox.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.27502 10.5599H23.9405V9.86831C23.9405 7.99377 22.9759 7.04739 21.0832 7.04739H12.3475C11.7287 7.04739 11.3556 6.9018 10.9006 6.51051L10.3455 6.05552C9.74493 5.54594 9.28085 5.38214 8.37997 5.38214H5.78655C4.1941 5.38214 3.27502 6.29212 3.27502 8.12116V10.5599ZM3.27502 19.2137C3.27502 21.0974 4.23049 22.0347 6.13234 22.0347H21.3562C22.985 22.0347 23.9405 21.0883 23.9405 19.2137V11.752H3.27502V19.2137Z" fill="#007AFF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 537 B

assets/images/ic_mailbox_archived_v2.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.80002 5.59961C6.1635 5.59961 5.55306 5.85247 5.10297 6.30255C4.65288 6.75264 4.40002 7.36309 4.40002 7.99961C4.40002 8.63613 4.65288 9.24658 5.10297 9.69667C5.55306 10.1468 6.1635 10.3996 6.80002 10.3996H21.2C21.8365 10.3996 22.447 10.1468 22.8971 9.69667C23.3472 9.24658 23.6 8.63613 23.6 7.99961C23.6 7.36309 23.3472 6.75264 22.8971 6.30255C22.447 5.85247 21.8365 5.59961 21.2 5.59961H6.80002Z" fill="#007AFF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.59998 11.5996H22.4V19.9996C22.4 20.6361 22.1471 21.2466 21.697 21.6967C21.2469 22.1468 20.6365 22.3996 20 22.3996H7.99998C7.36346 22.3996 6.75301 22.1468 6.30292 21.6967C5.85283 21.2466 5.59998 20.6361 5.59998 19.9996V11.5996ZM11.6 15.1996C11.6 14.8814 11.7264 14.5761 11.9514 14.3511C12.1765 14.126 12.4817 13.9996 12.8 13.9996H15.2C15.5182 13.9996 15.8235 14.126 16.0485 14.3511C16.2735 14.5761 16.4 14.8814 16.4 15.1996C16.4 15.5179 16.2735 15.8231 16.0485 16.0481C15.8235 16.2732 15.5182 16.3996 15.2 16.3996H12.8C12.4817 16.3996 12.1765 16.2732 11.9514 16.0481C11.7264 15.8231 11.6 15.5179 11.6 15.1996Z" fill="#007AFF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

assets/images/ic_mailbox_drafts_v2.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.4808 4.0965C16.7777 4.16494 17.0405 4.27379 17.2989 4.4354C17.5573 4.597 17.7666 4.76664 18.3144 5.31438L21.6856 8.68562C22.2334 9.23336 22.403 9.44267 22.5646 9.70107C22.7262 9.95947 22.8351 10.2223 22.9035 10.5192C22.972 10.8162 23 11.0842 23 11.8588V19.1542C23 20.4915 22.8608 20.9764 22.5993 21.4653C22.3378 21.9542 21.9542 22.3378 21.4653 22.5993C20.9764 22.8608 20.4915 23 19.1542 23H9.84583C8.50855 23 8.02362 22.8608 7.53473 22.5993C7.04584 22.3378 6.66216 21.9542 6.4007 21.4653C6.13924 20.9764 6 20.4915 6 19.1542V7.84583C6 6.50855 6.13924 6.02362 6.4007 5.53473C6.66216 5.04584 7.04584 4.66216 7.53473 4.4007C8.02362 4.13924 8.50855 4 9.84583 4H15.1412C15.9158 4 16.1838 4.02805 16.4808 4.0965ZM15.8 5.92427C15.6343 5.92427 15.5 6.05858 15.5 6.22427V10C15.5 10.2762 15.7239 10.5 16 10.5H19.7757C19.8553 10.5 19.9316 10.4684 19.9879 10.4122C20.105 10.295 20.105 10.105 19.9879 9.98789L16.0121 6.01213C15.9559 5.95587 15.8796 5.92427 15.8 5.92427Z" fill="#007AFF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

assets/images/ic_mailbox_inbox_v2.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.0011 14.3525L4.00488 9.355C4.04189 8.71805 4.32102 8.11936 4.7851 7.68153C5.24919 7.24371 5.86311 6.99988 6.50113 7H21.5011C22.1392 6.99988 22.7531 7.24371 23.2172 7.68153C23.6812 8.11936 23.9604 8.71805 23.9974 9.355L14.0011 14.3525ZM14 17.1476L24 12.1476V19.5001C24 20.1631 23.7366 20.799 23.2678 21.2678C22.7989 21.7367 22.163 22.0001 21.5 22.0001H6.5C5.83696 22.0001 5.20107 21.7367 4.73223 21.2678C4.26339 20.799 4 20.1631 4 19.5001V12.1476L14 17.1476Z" fill="#007AFF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 632 B

assets/images/ic_mailbox_sent_v2.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.73868 17.7541C7.05303 19.609 6.62218 20.9122 6.44611 21.6638C5.89277 24.026 5.49042 24.5581 7.55279 23.4355C9.61516 22.3129 19.5994 16.7519 21.8269 15.516C24.7306 13.905 24.7694 14.0309 21.6711 12.3204C19.3114 11.0176 9.4442 5.60166 7.55279 4.53825C5.66138 3.47483 5.89277 3.94771 6.44611 6.30986C6.62446 7.07122 7.06157 8.38609 7.75745 10.2545C8.24415 11.5612 9.37624 12.5202 10.7452 12.7854L16.5097 13.9019C16.5639 13.9128 16.599 13.9655 16.5882 14.0196C16.5802 14.0592 16.5493 14.0901 16.5097 14.0981L10.7322 15.2136C9.3588 15.4788 8.22367 16.4421 7.73868 17.7541Z" fill="#007AFF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 701 B

assets/images/ic_mailbox_spam_v2.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23.6 13.4004C23.6 13.8778 23.4103 14.3356 23.0727 14.6732C22.7352 15.0107 22.2773 15.2004 21.8 15.2004C21.3226 15.2004 20.8647 15.0107 20.5272 14.6732C20.1896 14.3356 20 13.8778 20 13.4004V6.20039C20 5.723 20.1896 5.26516 20.5272 4.9276C20.8647 4.59003 21.3226 4.40039 21.8 4.40039C22.2773 4.40039 22.7352 4.59003 23.0727 4.9276C23.4103 5.26516 23.6 5.723 23.6 6.20039V13.4004ZM18.8 13.6008V7.08479C18.8003 6.63892 18.6764 6.20178 18.4422 5.82238C18.208 5.44297 17.8727 5.13632 17.474 4.93679L17.414 4.90679C16.747 4.57345 16.0116 4.40007 15.266 4.40039H8.76795C8.21292 4.40017 7.67497 4.59233 7.24569 4.94416C6.81641 5.29598 6.52234 5.78572 6.41355 6.32999L4.97355 13.53C4.90394 13.8782 4.91249 14.2376 4.99858 14.5822C5.08467 14.9267 5.24615 15.2479 5.47137 15.5224C5.6966 15.797 5.97996 16.0182 6.30101 16.17C6.62206 16.3219 6.97281 16.4005 7.32795 16.4004H11.6V21.2004C11.6 21.8369 11.8528 22.4474 12.3029 22.8974C12.753 23.3475 13.3634 23.6004 14 23.6004C14.3182 23.6004 14.6234 23.474 14.8485 23.2489C15.0735 23.0239 15.2 22.7186 15.2 22.4004V21.6C15.2 20.5614 15.5368 19.5509 16.16 18.72L17.84 16.4808C18.4631 15.6499 18.8 14.6394 18.8 13.6008Z" fill="#007AFF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

assets/images/ic_mailbox_trash_v2.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M12.8 4.40039C12.5772 4.40051 12.3588 4.46265 12.1693 4.57985C11.9799 4.69706 11.8268 4.86469 11.7272 5.06399L10.8584 6.80039H6.79998C6.48172 6.80039 6.17649 6.92682 5.95145 7.15186C5.7264 7.37691 5.59998 7.68213 5.59998 8.00039C5.59998 8.31865 5.7264 8.62387 5.95145 8.84892C6.17649 9.07396 6.48172 9.20039 6.79998 9.20039V21.2004C6.79998 21.8369 7.05283 22.4474 7.50292 22.8974C7.95301 23.3475 8.56346 23.6004 9.19998 23.6004H18.8C19.4365 23.6004 20.0469 23.3475 20.497 22.8974C20.9471 22.4474 21.2 21.8369 21.2 21.2004V9.20039C21.5182 9.20039 21.8235 9.07396 22.0485 8.84892C22.2735 8.62387 22.4 8.31865 22.4 8.00039C22.4 7.68213 22.2735 7.37691 22.0485 7.15186C21.8235 6.92682 21.5182 6.80039 21.2 6.80039H17.1416L16.2728 5.06399C16.1732 4.86469 16.0201 4.69706 15.8306 4.57985C15.6411 4.46265 15.4228 4.40051 15.2 4.40039H12.8ZM10.4 11.6004C10.4 11.2821 10.5264 10.9769 10.7514 10.7519C10.9765 10.5268 11.2817 10.4004 11.6 10.4004C11.9182 10.4004 12.2235 10.5268 12.4485 10.7519C12.6735 10.9769 12.8 11.2821 12.8 11.6004V18.8004C12.8 19.1186 12.6735 19.4239 12.4485 19.6489C12.2235 19.874 11.9182 20.0004 11.6 20.0004C11.2817 20.0004 10.9765 19.874 10.7514 19.6489C10.5264 19.4239 10.4 19.1186 10.4 18.8004V11.6004ZM16.4 10.4004C16.0817 10.4004 15.7765 10.5268 15.5514 10.7519C15.3264 10.9769 15.2 11.2821 15.2 11.6004V18.8004C15.2 19.1186 15.3264 19.4239 15.5514 19.6489C15.7765 19.874 16.0817 20.0004 16.4 20.0004C16.7182 20.0004 17.0235 19.874 17.2485 19.6489C17.4735 19.4239 17.6 19.1186 17.6 18.8004V11.6004C17.6 11.2821 17.4735 10.9769 17.2485 10.7519C17.0235 10.5268 16.7182 10.4004 16.4 10.4004Z" fill="#007AFF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB