TF-518 Apply new UI for login in web

This commit is contained in:
Dat PHAM HOANG
2022-05-05 17:42:09 +07:00
committed by Dat H. Pham
parent cc66d141d4
commit 3fc2ae4776
16 changed files with 450 additions and 109 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 301 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 572 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 5.5 KiB

+4
View File
@@ -0,0 +1,4 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="24" cy="24" r="24" fill="#007AFF" fill-opacity="0.06"/>
<path d="M21.22 24.8569C21.8886 24.8569 22.1311 24.9265 22.3755 25.0572C22.62 25.1879 22.8118 25.3798 22.9425 25.6242C23.0733 25.8687 23.1429 26.1111 23.1429 26.7798V30.6482C23.1429 31.3169 23.0733 31.5593 22.9425 31.8038C22.8118 32.0482 22.62 32.2401 22.3755 32.3708C22.1311 32.5015 21.8886 32.5712 21.22 32.5712H17.3515C16.6829 32.5712 16.4404 32.5015 16.196 32.3708C15.9515 32.2401 15.7597 32.0482 15.6289 31.8038C15.4982 31.5593 15.4286 31.3169 15.4286 30.6482V26.7798C15.4286 26.1111 15.4982 25.8687 15.6289 25.6242C15.7597 25.3798 15.9515 25.1879 16.196 25.0572C16.4404 24.9265 16.6829 24.8569 17.3515 24.8569H21.22ZM30.6485 24.8569C31.3172 24.8569 31.5596 24.9265 31.8041 25.0572C32.0485 25.1879 32.2404 25.3798 32.3711 25.6242C32.5018 25.8687 32.5714 26.1111 32.5714 26.7798V30.6482C32.5714 31.3169 32.5018 31.5593 32.3711 31.8038C32.2404 32.0482 32.0485 32.2401 31.8041 32.3708C31.5596 32.5015 31.3172 32.5712 30.6485 32.5712H26.7801C26.1114 32.5712 25.869 32.5015 25.6245 32.3708C25.3801 32.2401 25.1882 32.0482 25.0575 31.8038C24.9268 31.5593 24.8572 31.3169 24.8572 30.6482V26.7798C24.8572 26.1111 24.9268 25.8687 25.0575 25.6242C25.1882 25.3798 25.3801 25.1879 25.6245 25.0572C25.869 24.9265 26.1114 24.8569 26.7801 24.8569H30.6485ZM29.1152 14.5149C29.3805 14.5953 29.6012 14.7175 30.074 15.1903L32.8094 17.9257C33.2822 18.3985 33.4044 18.6192 33.4848 18.8845C33.5653 19.1498 33.5653 19.4211 33.4848 19.6864C33.4044 19.9517 33.2822 20.1723 32.8094 20.6451L30.074 23.3806C29.6012 23.8534 29.3805 23.9756 29.1152 24.056C28.85 24.1364 28.5787 24.1364 28.3134 24.056C28.0481 23.9756 27.8274 23.8534 27.3546 23.3806L24.6192 20.6451C24.1464 20.1723 24.0242 19.9517 23.9438 19.6864C23.8633 19.4211 23.8633 19.1498 23.9438 18.8845C24.0242 18.6192 24.1464 18.3985 24.6192 17.9257L27.3546 15.1903C27.8274 14.7175 28.0481 14.5953 28.3134 14.5149C28.5787 14.4345 28.85 14.4345 29.1152 14.5149ZM21.22 15.4283C21.8886 15.4283 22.1311 15.4979 22.3755 15.6286C22.62 15.7594 22.8118 15.9512 22.9425 16.1957C23.0733 16.4401 23.1429 16.6826 23.1429 17.3512V21.2197C23.1429 21.8883 23.0733 22.1308 22.9425 22.3752C22.8118 22.6197 22.62 22.8115 22.3755 22.9422C22.1311 23.073 21.8886 23.1426 21.22 23.1426H17.3515C16.6829 23.1426 16.4404 23.073 16.196 22.9422C15.9515 22.8115 15.7597 22.6197 15.6289 22.3752C15.4982 22.1308 15.4286 21.8883 15.4286 21.2197V17.3512C15.4286 16.6826 15.4982 16.4401 15.6289 16.1957C15.7597 15.9512 15.9515 15.7594 16.196 15.6286C16.4404 15.4979 16.6829 15.4283 17.3515 15.4283H21.22Z" fill="#007AFF"/>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

+7
View File
@@ -0,0 +1,7 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="24" cy="24" r="24" fill="#007AFF" fill-opacity="0.06"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.0243 15.3135C13.9224 15.3135 13.0292 16.2067 13.0292 17.3086V27.9495C13.0292 29.0514 13.9224 29.9447 15.0243 29.9447H22.34V27.0184C22.34 26.9418 22.3436 26.866 22.3506 26.7912C22.2029 26.9075 22.0376 27.0098 21.8617 27.1016C21.4162 27.3354 20.7704 27.5693 19.924 27.5693C17.5855 27.5693 15.5811 25.5648 15.5811 23.1706C15.5811 20.7764 17.5855 18.772 19.924 18.772C22.4296 18.772 24.3227 20.6762 24.3227 22.9479C24.3227 24.4512 23.4875 25.2864 22.3739 25.2864C21.8728 25.2864 21.5387 25.1083 21.3272 24.9301C21.2047 24.8299 21.1044 24.7074 21.0376 24.5626H20.9819C20.904 24.7074 20.8149 24.8299 20.6924 24.9301C20.4808 25.1083 20.1802 25.2864 19.7013 25.2864C18.688 25.2864 17.8639 24.4401 17.8639 23.2263C17.8639 22.0125 18.688 21.1662 19.7013 21.1662C20.0465 21.1662 20.2804 21.2664 20.4474 21.3889C20.5476 21.4557 20.6256 21.5336 20.7035 21.6116L20.7035 21.6116H20.7592V21.2219H21.8171V23.6161C21.8171 24.0058 22.0844 24.2842 22.4296 24.2842C22.875 24.2842 23.2091 23.9613 23.2091 22.9479C23.2091 21.2219 21.8283 19.8299 19.924 19.8299C18.1423 19.8299 16.6947 21.2775 16.6947 23.1706C16.6947 25.0637 18.1423 26.5114 19.924 26.5114C20.5588 26.5114 21.0599 26.3443 21.4051 26.1773C21.6055 26.0771 21.7837 25.9657 21.9285 25.8432L22.4072 26.4525C22.6615 25.4034 23.6068 24.6243 24.7342 24.6243H33.9119C34.0479 24.6243 34.1812 24.6356 34.311 24.6574V17.3086C34.311 16.2067 33.4177 15.3135 32.3158 15.3135H15.0243ZM19.8684 24.2285C19.3672 24.2285 18.9775 23.8499 18.9775 23.2263C18.9775 22.6027 19.3672 22.2241 19.8684 22.2241C20.3583 22.2241 20.7592 22.6027 20.7592 23.2263C20.7592 23.8499 20.3695 24.2285 19.8684 24.2285ZM25.9979 18.639C26.5489 18.639 26.9955 18.1924 26.9955 17.6414C26.9955 17.0905 26.5489 16.6439 25.9979 16.6439C25.447 16.6439 25.0004 17.0905 25.0004 17.6414C25.0004 18.1924 25.447 18.639 25.9979 18.639ZM29.9881 17.6414C29.9881 18.1924 29.5415 18.639 28.9905 18.639C28.4396 18.639 27.9929 18.1924 27.9929 17.6414C27.9929 17.0905 28.4396 16.6439 28.9905 16.6439C29.5415 16.6439 29.9881 17.0905 29.9881 17.6414ZM31.9833 18.639C32.5342 18.639 32.9808 18.1924 32.9808 17.6414C32.9808 17.0905 32.5342 16.6439 31.9833 16.6439C31.4323 16.6439 30.9857 17.0905 30.9857 17.6414C30.9857 18.1924 31.4323 18.639 31.9833 18.639Z" fill="#007AFF"/>
<path d="M23.9595 29.7878C23.8699 29.7425 23.7921 29.6711 23.7388 29.5772C23.7029 29.5138 23.6815 29.4461 23.6736 29.378C23.6678 29.3282 23.6692 29.2781 23.6774 29.2293C23.6873 29.1699 23.7074 29.1112 23.7388 29.0559C23.7921 28.9619 23.8699 28.8906 23.9595 28.8453L26.7304 27.2739C26.9839 27.1301 27.306 27.219 27.4498 27.4726C27.5936 27.7261 27.5046 28.0482 27.2511 28.192L25.2683 29.3165L27.2511 30.441C27.5046 30.5848 27.5936 30.9069 27.4498 31.1605C27.306 31.414 26.9839 31.503 26.7304 31.3592L23.9595 29.7878Z" fill="#007AFF"/>
<path d="M34.9539 29.7878C35.0436 29.7425 35.1213 29.6711 35.1746 29.5772C35.2106 29.5138 35.232 29.4461 35.2399 29.378C35.2457 29.3282 35.2443 29.2781 35.236 29.2293C35.2261 29.1699 35.206 29.1112 35.1746 29.0559C35.1213 28.9619 35.0436 28.8906 34.9539 28.8453L32.1831 27.2739C31.9295 27.1301 31.6075 27.219 31.4637 27.4726C31.3199 27.7261 31.4088 28.0482 31.6624 28.192L33.6452 29.3165L31.6624 30.441C31.4088 30.5848 31.3199 30.9069 31.4637 31.1605C31.6075 31.414 31.9295 31.503 32.1831 31.3592L34.9539 29.7878Z" fill="#007AFF"/>
<rect x="30.6904" y="25.2896" width="0.899591" height="7.91653" rx="0.449796" transform="rotate(22.1902 30.6904 25.2896)" fill="#007AFF"/>
</svg>

After

Width:  |  Height:  |  Size: 3.6 KiB

+4
View File
@@ -0,0 +1,4 @@
<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="24" cy="24" r="24" fill="#007AFF" fill-opacity="0.06"/>
<path d="M32.5 20C32.5 18.0662 30.9338 16.5 29 16.5C27.0662 16.5 25.5 18.0662 25.5 20C25.5 21.9338 27.0662 23.5 29 23.5C30.9338 23.5 32.5 21.9338 32.5 20ZM29 25C31.4706 25 36 25.8571 36 29.2857C36 30.7857 35.5882 31 34.7647 31L27.7546 31.0011C27.9174 30.5134 28 29.9402 28 29.2857C28 27.5963 27.3723 26.2767 26.3292 25.2922C27.2862 25.081 28.2404 25 29 25ZM19 25C21.4706 25 26 25.8571 26 29.2857C26 30.7857 25.5882 31 24.7647 31H13.2353C12.4118 31 12 30.7857 12 29.2857C12 25.8571 16.5294 25 19 25ZM19 16.5C20.9338 16.5 22.5 18.0662 22.5 20C22.5 21.9338 20.9338 23.5 19 23.5C17.0662 23.5 15.5 21.9338 15.5 20C15.5 18.0662 17.0662 16.5 19 16.5Z" fill="#007AFF"/>
</svg>

After

Width:  |  Height:  |  Size: 833 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 105 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 8.7 KiB