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

TF-390 Apply new ui composer for browser

Browse Source
This commit is contained in:
dab246
2022-03-24 09:08:25 +07:00
committed by Dat H. Pham
parent c2f6434686
commit 8700959362
22 changed files with 820 additions and 494 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/images/ic_add_email_address.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="M12.0006 1.71423C17.6812 1.71423 22.2863 6.3193 22.2863 11.9999C22.2863 17.6806 17.6812 22.2857 12.0006 22.2857C6.31991 22.2857 1.71484 17.6806 1.71484 11.9999C1.71484 6.3193 6.31991 1.71423 12.0006 1.71423ZM12.0006 3.42852C7.26669 3.42852 3.42913 7.26608 3.42913 11.9999C3.42913 16.7338 7.26669 20.5714 12.0006 20.5714C16.7344 20.5714 20.572 16.7338 20.572 11.9999C20.572 7.26608 16.7344 3.42852 12.0006 3.42852ZM12.0006 6.85709C12.4739 6.85709 12.8577 7.24085 12.8577 7.71423V11.1428H16.2863C16.7597 11.1428 17.1434 11.5266 17.1434 11.9999C17.1434 12.4733 16.7597 12.8571 16.2863 12.8571H12.8577V16.2857C12.8577 16.759 12.4739 17.1428 12.0006 17.1428C11.5272 17.1428 11.1434 16.759 11.1434 16.2857V12.8571H7.71484C7.24146 12.8571 6.8577 12.4733 6.8577 11.9999C6.8577 11.5266 7.24146 11.1428 7.71484 11.1428H11.1434V7.71423C11.1434 7.24085 11.5272 6.85709 12.0006 6.85709Z" fill="#007AFF"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1004 B

assets/images/ic_chevron_up.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="M12 10.3017L6.64021 14.7682C6.21593 15.1218 5.58537 15.0645 5.2318 14.6402C4.87824 14.2159 4.93556 13.5853 5.35984 13.2318L11.3598 8.23178C11.7307 7.92274 12.2694 7.92274 12.6402 8.23178L18.6402 13.2318C19.0645 13.5853 19.1218 14.2159 18.7682 14.6402C18.4147 15.0645 17.7841 15.1218 17.3598 14.7682L12 10.3017Z" fill="#99A2AD"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 441 B

assets/images/ic_close.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="M19.3591 8.30754C19.7692 8.71759 19.7692 9.38241 19.3591 9.79246L15.3185 13.8333L19.3591 17.8742C19.735 18.2501 19.7663 18.8401 19.4531 19.2516L19.3591 19.3591C18.9491 19.7692 18.2843 19.7692 17.8742 19.3591L13.8333 15.3185L9.79246 19.3591C9.38241 19.7692 8.71759 19.7692 8.30754 19.3591C7.89749 18.9491 7.89749 18.2843 8.30754 17.8742L12.3482 13.8333L8.30754 9.79246C7.93166 9.41658 7.90033 8.82662 8.21357 8.41506L8.30754 8.30754C8.71759 7.89749 9.38241 7.89749 9.79246 8.30754L13.8333 12.3482L17.8742 8.30754C18.2843 7.89749 18.9491 7.89749 19.3591 8.30754Z" fill="#99A2AD"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 691 B

assets/images/ic_empty.svg
+3
View File
@@ -0,0 +1,3 @@
<svg width="45" height="44" viewBox="0 0 45 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M22.5 0C34.6503 0 44.5 9.84974 44.5 22C44.5 34.1503 34.6503 44 22.5 44C10.3497 44 0.5 34.1503 0.5 22C0.5 9.84974 10.3497 0 22.5 0ZM7.95108 9.39432C5.02236 12.7716 3.25 17.1788 3.25 22C3.25 32.6315 11.8685 41.25 22.5 41.25C27.3212 41.25 31.7284 39.4776 35.1057 36.5489L7.95108 9.39432ZM22.5 2.75C17.6788 2.75 13.2716 4.52236 9.89432 7.45108L37.0489 34.6057C39.9776 31.2284 41.75 26.8212 41.75 22C41.75 11.3685 33.1315 2.75 22.5 2.75Z" fill="#818C99"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 563 B

assets/images/ic_fullscreen_exit.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 fill-rule="evenodd" clip-rule="evenodd" d="M5.00001 13.9C5.00001 13.4029 5.40295 13 5.90001 13H10.1C10.5971 13 11 13.4029 11 13.9V18.1C11 18.5971 10.5971 19 10.1 19C9.60294 19 9.2 18.5971 9.2 18.1V16.0728L5.5364 19.7364C5.18492 20.0879 4.61508 20.0879 4.2636 19.7364C3.91213 19.3849 3.91213 18.8151 4.2636 18.4636L7.92721 14.8H5.90001C5.40295 14.8 5.00001 14.3971 5.00001 13.9Z" fill="#99A2AD"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.7364 4.2636C20.0879 4.61508 20.0879 5.18492 19.7364 5.5364L16.0728 9.2H18.0982C18.5952 9.2 18.9982 9.60294 18.9982 10.1C18.9982 10.5971 18.5952 11 18.0982 11H13.9C13.4029 11 13 10.5971 13 10.1V5.90001C13 5.40295 13.4029 5.00001 13.9 5.00001C14.3971 5.00001 14.8 5.40295 14.8 5.90001V7.92721L18.4636 4.2636C18.8151 3.91213 19.3849 3.91213 19.7364 4.2636Z" fill="#99A2AD"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 930 B

assets/images/ic_minimize.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">
<rect x="6" y="14" width="15.5556" height="3" rx="1.5" fill="#99A2AD"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 175 B

assets/images/ic_minimize_composer.svg
-3
View File
@@ -1,3 +0,0 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="4" y="18.5" width="16" height="1.5" rx="0.75" fill="#99A2AD"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 175 B

assets/images/ic_send_disable.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 28C21.732 28 28 21.732 28 14C28 6.26801 21.732 0 14 0C6.26801 0 0 6.26801 0 14C0 21.732 6.26801 28 14 28ZM19.7071 12.2929L14.7071 7.29289C14.3166 6.90237 13.6834 6.90237 13.2929 7.29289L8.29289 12.2929C7.90237 12.6834 7.90237 13.3166 8.29289 13.7071C8.68342 14.0976 9.31658 14.0976 9.70711 13.7071L13 10.4142V20C13 20.5523 13.4477 21 14 21C14.5523 21 15 20.5523 15 20V10.4142L18.2929 13.7071C18.6834 14.0976 19.3166 14.0976 19.7071 13.7071C20.0976 13.3166 20.0976 12.6834 19.7071 12.2929Z" fill="#99A2AD"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 663 B

assets/images/ic_send_mobile_disable.svg
-4
View File
@@ -1,4 +0,0 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="20" cy="20" r="18" fill="#3C3C43" fill-opacity="0.18"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M20.7355 10.3422C20.555 10.133 20.2914 10 19.9951 10C19.6865 10 19.4135 10.1449 19.233 10.3696C19.1945 10.4179 12.3897 17.225 12.3897 17.225C12.0034 17.614 12.0034 18.3302 12.3897 18.7188C12.7759 19.1078 13.5681 19.1078 13.9539 18.7188L18.8637 13.7378V28.7207C18.8637 29.2736 19.4492 29.7 19.9951 29.7C20.5416 29.7 21.1565 29.2736 21.1565 28.7207V13.7378L26.1093 18.8763C26.4951 19.2653 27.224 19.2653 27.6103 18.8763C27.9965 18.4878 27.9965 17.614 27.6103 17.225C27.6103 17.225 20.7726 10.385 20.7355 10.3422Z" fill="white"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 747 B

assets/images/ic_send_toast_error.svg
+4
View File
@@ -0,0 +1,4 @@
<svg width="45" height="44" viewBox="0 0 45 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.2387 25.7541C16.553 27.609 16.1222 28.9122 15.9461 29.6638C15.3928 32.026 14.9904 32.5581 17.0528 31.4355C19.1152 30.3129 29.0994 24.7519 31.3269 23.516C34.2306 21.905 34.2694 22.0309 31.1711 20.3204C28.8114 19.0176 18.9442 13.6017 17.0528 12.5382C15.1614 11.4748 15.3928 11.9477 15.9461 14.3099C16.1245 15.0712 16.5616 16.3861 17.2574 18.2545C17.7441 19.5612 18.8762 20.5202 20.2452 20.7854L26.0097 21.9019C26.0639 21.9128 26.099 21.9655 26.0882 22.0196C26.0802 22.0592 26.0493 22.0901 26.0097 22.0981L20.2322 23.2136C18.8588 23.4788 17.7237 24.4421 17.2387 25.7541Z" fill="#007AFF"/>
<path d="M22.5 0C34.6503 0 44.5 9.84974 44.5 22C44.5 34.1503 34.6503 44 22.5 44C10.3497 44 0.5 34.1503 0.5 22C0.5 9.84974 10.3497 0 22.5 0ZM7.95108 9.39432C5.02236 12.7716 3.25 17.1788 3.25 22C3.25 32.6315 11.8685 41.25 22.5 41.25C27.3212 41.25 31.7284 39.4776 35.1057 36.5489L7.95108 9.39432ZM22.5 2.75C17.6788 2.75 13.2716 4.52236 9.89432 7.45108L37.0489 34.6057C39.9776 31.2284 41.75 26.8212 41.75 22C41.75 11.3685 33.1315 2.75 22.5 2.75Z" fill="#818C99"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB