MOE design in progress
parent
f7234e3522
commit
d581ff52a4
@ -1,7 +1,7 @@
|
||||
<div class="main-container" [ngStyle]="active === true ? {'background': color} : {}">
|
||||
<div class="main-container-radius" [ngStyle]="active === true ? {'background-color': '#ffffff'} : {'background-color': color}"></div>
|
||||
<span *ngIf="text != 'All'" class="number-span" [ngStyle]="active === true ? {'color': '#ffffff'} : {}">{{value}}</span>
|
||||
<span class="text-span" [ngStyle]="active === true ? {'color': '#ffffff'} : {}">{{text}}</span>
|
||||
<div class="main-container">
|
||||
<div class="main-container-radius" [ngStyle]="active === true ? {'background-color': color} : {'background-color': '#fff'}"></div>
|
||||
<span *ngIf="text != 'All'" class="number-span" >{{value}}</span>
|
||||
<span class="text-span" >{{text}}</span>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="28.013" height="28.013" viewBox="0 0 28.013 28.013">
|
||||
<g id="user_2_" data-name="user (2)" transform="translate(0 0)">
|
||||
<g id="Group_142" data-name="Group 142" transform="translate(0 0)">
|
||||
<path id="Path_65" data-name="Path 65" d="M23.91,4.1A14.006,14.006,0,0,0,4.1,23.91,14.006,14.006,0,0,0,23.91,4.1Zm-9.9,22.269a12.322,12.322,0,0,1-8.58-3.47,9.03,9.03,0,0,1,17.159,0A12.322,12.322,0,0,1,14.006,26.371ZM9.9,10.942a4.1,4.1,0,1,1,4.1,4.1A4.108,4.108,0,0,1,9.9,10.942ZM23.818,21.521a10.7,10.7,0,0,0-6.444-5.928,5.745,5.745,0,1,0-6.736,0,10.7,10.7,0,0,0-6.444,5.928,12.365,12.365,0,1,1,19.624,0Z" transform="translate(0 0)" fill="#a2aaaf"/>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 718 B |
@ -0,0 +1,28 @@
|
||||
<svg id="Group_7711" data-name="Group 7711" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35.483" height="35.418" viewBox="0 0 35.483 35.418">
|
||||
<defs>
|
||||
<clipPath id="clip-path">
|
||||
<rect id="Rectangle_5" data-name="Rectangle 5" width="16.823" height="16.806" fill="#99b8c6"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip-path-2">
|
||||
<rect id="Rectangle_6" data-name="Rectangle 6" width="10.435" height="12.713" fill="#99b8c6"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
<g id="Group_7" data-name="Group 7" transform="translate(4.05 0)" opacity="0.4">
|
||||
<g id="Group_6" data-name="Group 6" transform="translate(0 0)">
|
||||
<g id="Group_5" data-name="Group 5" clip-path="url(#clip-path)">
|
||||
<path id="Path_9" data-name="Path 9" d="M13.792,0a8.4,8.4,0,0,0-.212,16.806,1.4,1.4,0,0,1,.389,0h.124A8.406,8.406,0,0,0,13.792,0" transform="translate(-5.38 0)" fill="#99b8c6"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<path id="Path_10" data-name="Path 10" d="M21.463,27.771c-4.941-3.294-13-3.294-17.974,0A6.99,6.99,0,0,0,0,33.49a6.93,6.93,0,0,0,3.471,5.685,16.363,16.363,0,0,0,9,2.5,16.363,16.363,0,0,0,9-2.5,6.988,6.988,0,0,0,3.471-5.72,6.974,6.974,0,0,0-3.471-5.684" transform="translate(0 -6.254)" fill="#004d71"/>
|
||||
<g id="Group_10" data-name="Group 10" transform="translate(21.514 3.642)" opacity="0.4">
|
||||
<g id="Group_9" data-name="Group 9">
|
||||
<g id="Group_8" data-name="Group 8" clip-path="url(#clip-path-2)">
|
||||
<path id="Path_11" data-name="Path 11" d="M38.992,10.652a6.338,6.338,0,0,1-5.543,6.853h-.089a.831.831,0,0,0-.3.035,6.351,6.351,0,0,1-4.48-1.47,8.1,8.1,0,0,0,2.656-6.729,8.221,8.221,0,0,0-1.363-3.86,6.357,6.357,0,0,1,9.12,5.171" transform="translate(-28.58 -4.838)" fill="#99b8c6"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<path id="Path_12" data-name="Path 12" d="M42.457,31.943a5.393,5.393,0,0,1-3.082,4.215,12.5,12.5,0,0,1-6.216,1.381,6.325,6.325,0,0,0,2.161-4.109,6.978,6.978,0,0,0-2.958-5.985,14.605,14.605,0,0,0-4.073-2.231c3.914-1.134,8.837-.372,11.865,2.072a5.381,5.381,0,0,1,2.3,4.657" transform="translate(-6.994 -6.106)" fill="#004d71"/>
|
||||
<rect id="Rectangle_7" data-name="Rectangle 7" width="35.482" height="35.418" fill="none"/>
|
||||
<rect id="Rectangle_8" data-name="Rectangle 8" width="35.483" height="35.417" transform="translate(0 0)" fill="none"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
@ -0,0 +1,9 @@
|
||||
<svg id="list" xmlns="http://www.w3.org/2000/svg" width="37.566" height="37.566" viewBox="0 0 37.566 37.566">
|
||||
<path id="Path_13" data-name="Path 13" d="M45.367,38.353l-3.688,5.3-2.6-2.136a.659.659,0,1,0-.836,1.018L41.4,45.124a.656.656,0,0,0,.418.15.6.6,0,0,0,.09-.007.66.66,0,0,0,.451-.276l4.1-5.885a.659.659,0,0,0-1.082-.753Z" transform="translate(-12.956 -12.98)" fill="#004d71"/>
|
||||
<path id="Path_14" data-name="Path 14" d="M35.589,23.531V8.025A8.034,8.034,0,0,0,27.564,0H8.025A8.034,8.034,0,0,0,0,8.025v19.54a8.034,8.034,0,0,0,8.025,8.025H23.531A8.562,8.562,0,0,0,35.589,23.531ZM8.025,34.271a6.714,6.714,0,0,1-6.706-6.706V8.025A6.714,6.714,0,0,1,8.025,1.318h19.54a6.714,6.714,0,0,1,6.706,6.706v14.23c-.049-.039-.1-.072-.152-.109-.138-.1-.277-.208-.422-.3l-.047-.028a8.548,8.548,0,0,0-1.065-.585c-.05-.023-.1-.049-.149-.072-.145-.064-.293-.119-.442-.175-.094-.036-.188-.072-.284-.1-.136-.045-.274-.086-.413-.125-.118-.033-.237-.064-.356-.092s-.251-.057-.379-.081c-.152-.028-.3-.05-.458-.07-.1-.013-.2-.03-.309-.04-.264-.026-.529-.041-.8-.041a8.577,8.577,0,0,0-8.328,6.591H17.794a.659.659,0,0,0,0,1.318h2.67c-.017.218-.034.437-.034.659,0,.267.016.533.04.8.01.1.026.207.04.31.02.152.042.3.07.455.024.129.052.256.082.382s.058.235.09.351c.04.141.08.281.127.418.031.093.067.184.1.275.057.152.113.3.177.45.019.043.042.086.062.129a8.481,8.481,0,0,0,.605,1.1c.006.009.011.019.017.028.1.146.2.285.3.424.038.05.071.1.109.152H8.025ZM29,36.248a7.211,7.211,0,0,1-4.837-1.865q-.239-.215-.457-.447c-.032-.034-.063-.069-.095-.1q-.207-.23-.392-.475c-.028-.038-.057-.075-.085-.113q-.183-.253-.343-.52c-.022-.036-.044-.071-.065-.107-.108-.187-.206-.378-.3-.573-.015-.031-.03-.061-.044-.092-.092-.2-.172-.412-.244-.623-.009-.026-.02-.051-.028-.077-.071-.215-.129-.434-.18-.656-.006-.026-.014-.051-.02-.077-.047-.218-.081-.44-.107-.662,0-.031-.011-.061-.014-.093A7.147,7.147,0,0,1,21.749,29,7.258,7.258,0,0,1,29,21.749a7.033,7.033,0,0,1,.765.042c.03,0,.058.01.088.014.224.027.447.061.667.109.025.005.049.014.074.019.223.051.443.109.659.181l.072.026q.32.109.629.246l.086.042q.3.137.579.3c.034.02.068.042.1.062.18.109.355.223.526.347l.107.08q.249.188.482.4c.033.03.066.059.1.089q.236.22.455.464A7.237,7.237,0,0,1,29,36.248Z" fill="#004d71"/>
|
||||
<path id="Path_15" data-name="Path 15" d="M26.659,13.318H38.522a.659.659,0,1,0,0-1.318H26.659a.659.659,0,0,0,0,1.318Z" transform="translate(-8.865 -4.091)" fill="#004d71"/>
|
||||
<path id="Path_16" data-name="Path 16" d="M26.659,27.318H38.522a.659.659,0,1,0,0-1.318H26.659a.659.659,0,0,0,0,1.318Z" transform="translate(-8.865 -8.865)" fill="#004d71"/>
|
||||
<path id="Path_17" data-name="Path 17" d="M15.19,7.231l-4.118,4.8L8.554,10.144A.659.659,0,1,0,7.763,11.2l3.013,2.26a.659.659,0,0,0,.9-.1l4.519-5.272a.659.659,0,1,0-1-.856Z" transform="translate(-2.557 -2.387)" fill="#004d71"/>
|
||||
<path id="Path_18" data-name="Path 18" d="M15.19,21.231l-4.118,4.8L8.554,24.144A.659.659,0,1,0,7.763,25.2l3.013,2.26a.659.659,0,0,0,.9-.1l4.519-5.272a.659.659,0,1,0-1-.856Z" transform="translate(-2.557 -7.16)" fill="#004d71"/>
|
||||
<path id="Path_19" data-name="Path 19" d="M15.19,36.231l-4.118,4.8L8.554,39.144A.659.659,0,1,0,7.763,40.2l3.013,2.26a.659.659,0,0,0,.9-.1l4.519-5.272a.659.659,0,1,0-1-.857Z" transform="translate(-2.557 -12.274)" fill="#004d71"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.2 KiB |
Loading…
Reference in New Issue