Zettai-Backup/csr_webapp
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Dashboard changes

Browse Source
This commit is contained in:
sriram-at-840620226347 2019-09-12 18:18:49 +05:30
parent 9d083adbce
commit a82f397568
2 changed files with 53 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ng8-seed/src/app/components/project-list/project-list.component.html
View File

@ -388,7 +388,7 @@
</div>
</div>
</div> -->
<div class="mt-2">
<!-- <div class="mt-2">
<mat-card-title><h5 class="mt-2 mb-1 text-center">Our Clients</h5></mat-card-title>
<hr style="border-top:2px solid rgb(81, 202, 202) !important;width:190px !important;">
<div fxLayout="row" class="text-xs-center mt-2">
@ -419,7 +419,7 @@
<a href="#"><img src="../../assets/images/csr-img/logo.jpg" alt="" class="logo_one" style=" width: 200px;"></a>
</div>
</div>
</div>
</div> -->
</mat-card>
<!-- <div fxFlex.sm="33.33" fxFlex.xs="100" fxFlex.sm="50" fxFlex.md="33.33" fxFlex.lg="33.33" fxFlex.xl="33.33" class="m-gap p-gap">

71
ng8-seed/src/app/dashboard/dashboard.component.html
View File

@ -1,6 +1,6 @@
<!-- <app-layout></app-layout> -->
<div id="top"></div>
<mat-card class="p-3">
<mat-card class="p-2">
<div fxLayout="row wrap">
<div fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="50">
<div class="container">
@ -46,31 +46,62 @@ showCaptions="true"
</div>
</div>
<div class="text-center" fxFlex.xs="100" fxFlex.sm="100" fxFlex.md="50" fxFlex.lg="50" fxFlex.xl="50">
<div class="mt-2">
<mat-card-title><h5 class="mt-2 mb-1 text-center">Projects Count</h5></mat-card-title>
<div class="mt-0">
<mat-card-title><h5 class="mt-0 mb-1 text-center">Our Partner</h5></mat-card-title>
<hr style="border-top:2px solid rgb(81, 202, 202) !important;width:190px !important;">
<div fxLayout="row" class="text-center mt-2 mb-2">
<div fxFlex="50">
<h2 class="mt-0" style="color: #f9a22b !important;"><span>23,8</span>K</h2>
<p>Construction</p>
</div>
<div fxFlex="50">
<h2 class="mt-0" style="color: #000000 !important;"><span>23,000</span>K</h2>
<p>Construction</p>
</div>
</div>
<div fxLayout="row" class="text-center mt-2 mb-2">
<div fxFlex="50">
<h2 class="mt-0" style="color: #61c524 !important;"><span>25,000</span>K</h2>
<p>Construction</p>
<div fxFlex="50" style="border-right: 1px solid cadetblue;">
<a href="#"><img src="../../assets/images/csr-img/logo.jpg" alt="" style=" width: 200px;"></a>
</div>
<div fxFlex="50">
<a href="#"><img src="../../assets/images/csr-img/logo.jpg" alt="" style=" width: 200px;"></a>
</div>
</div>
<div fxLayout="row" class="text-center mt-2 mb-2">
<div fxFlex="50" style="border-right: 1px solid cadetblue;">
<a href="#"><img src="../../assets/images/csr-img/logo.jpg" alt="" style=" width: 200px;"></a>
</div>
<div fxFlex="50">
<a href="#"><img src="../../assets/images/csr-img/logo.jpg" alt="" style=" width: 200px;"></a>
</div>
</div>
<div fxFlex="50">
<h2 class="mt-0" style="color: #a978e0 !important;"><span>30,000</span>K</h2>
<div fxLayout="row" class="text-center mt-2 mb-2">
<div fxFlex="50" style="border-right: 1px solid cadetblue;">
<a href="#"><img src="../../assets/images/csr-img/logo.jpg" alt="" style=" width: 200px;"></a>
</div>
<div fxFlex="50">
<a href="#"><img src="../../assets/images/csr-img/logo.jpg" alt="" style=" width: 200px;"></a>
</div>
</div>
</div>
</div>
</div>
<div class="">
<mat-card-title><h5 class="mt-0 text-center">Projects Count</h5></mat-card-title>
<hr style="border-top:2px solid rgb(81, 202, 202) !important;width:190px !important;">
<div fxLayout="row" class="text-center">
<div fxFlex="30.33">
<h2 class="mt-0" style="color: #f9a22b !important;"><span>23,8</span>K</h2>
<p>Construction</p>
</div>
<div fxFlex="30.33">
<h2 class="mt-0" style="color: #000000 !important;"><span>23,000</span>K</h2>
<p>Construction</p>
</div>
<div fxFlex="30.33">
<h2 class="mt-0" style="color: #61c524 !important;"><span>25,000</span>K</h2>
<p>Construction</p>
</div>
<div fxFlex="30.33">
<h2 class="mt-0" style="color: #a978e0 !important;"><span>30,000</span>K</h2>
<p>Construction</p>
</div>
</div>
</div>
<div fxFlex="30.33">
<h2 class="mt-0" style="color: #a978e0 !important;"><span>30,000</span>K</h2>
<p>Construction</p>
</div>
</div>
</div>
</mat-card>
<!-- <hr/> -->