feat: #114 dashboard card update

senbagaraman04 · Aug 21, 2021 · bb957fb · bb957fb
1 parent dc5105b
commit bb957fb
Show file tree

Hide file tree

Showing 2 changed files with 58 additions and 52 deletions.
diff --git a/src/app/admin-panel/dashboard/dashboard.component.html b/src/app/admin-panel/dashboard/dashboard.component.html
@@ -8,56 +8,61 @@
         </button>
 
     </mat-toolbar>
+
+
+                    <div class="rfms-chart-wrapper mt-3">
+
+                            <div class="rfms-charts ml-2">
+                                <mat-card class="rfms-chart-matcard">
+                                    <mat-card-title>
+                                        <h5>Revenue</h5>
+                                    </mat-card-title>
+                                    <mat-card-content>
+                                        <div class="rfms-card-revenue">
+                                            <h2>Rs.</h2>8943.98
+                                        </div>
+
+                                    </mat-card-content>
+                                </mat-card>
+                            </div>
+
+                            <div class="rfms-charts ml-2">
+                                <mat-card class="rfms-chart-matcard">
+                                    <mat-card-title>
+                                        <h5>Km Covered</h5>
+                                    </mat-card-title>
+                                    <mat-card-content>
+                                        <div class="rfms-kmcovered">
+                                            <h2> 7839.34</h2>
+                                            <ngx-trend [data]="[0, 897, 943, 950, 996]" [gradient]="['#0AF', '#F0F', '#FF0']"
+                                                autoDraw="true" autoDrawDuration="3000" autoDrawEasing="ease-in"></ngx-trend>
+                                        </div>
+
+                                    </mat-card-content>
+                                </mat-card>
+                            </div>
+
+                            <div class="rfms-charts ml-2">
+                                <mat-card class="rfms-chart-matcard">
+                                    <mat-card-title>
+                                        <h5>Vehicles Count</h5>
+                                    </mat-card-title>
+                                    <mat-card-content>
+                                        <div class="rfms-vehiclecount-info">
+                                            <h2>{{vehicleCount}} </h2>
+
+                                            <ngx-trend [data]="[0, 10, 5, 22, 3.6, 11]" [gradient]="['#0FF', '#F0F', '#FF0']"
+                                                autoDraw="true" autoDrawDuration="3000" autoDrawEasing="ease-in"></ngx-trend>
+                                        </div>
+                                    </mat-card-content>
+                                </mat-card>
+                            </div>
+
+                        </div>
 
-    <div class="rfms-chart-wrapper">
-
-        <div class="rfms-charts">
-            <mat-card class="rfms-chart-matcard">
-                <mat-card-title>
-                    <h5>Revenue</h5>
-                </mat-card-title>
-                <mat-card-content>
-                    <div class="rfms-card-revenue">
-                        <h2>Rs.</h2>8943.98
-                    </div>
-
-                </mat-card-content>
-            </mat-card>
-        </div>
-
-        <div class="rfms-charts">
-            <mat-card class="rfms-chart-matcard">
-                <mat-card-title>
-                    <h5>Km Covered</h5>
-                </mat-card-title>
-                <mat-card-content>
-                    <div class="rfms-kmcovered">
-                        <h2> 7839.34</h2>
-                        <ngx-trend [data]="[0, 897, 943, 950, 996]" [gradient]="['#0AF', '#F0F', '#FF0']"
-                            autoDraw="true" autoDrawDuration="3000" autoDrawEasing="ease-in"></ngx-trend>
-                    </div>
-
-                </mat-card-content>
-            </mat-card>
-        </div>
-
-        <div class="rfms-charts">
-            <mat-card class="rfms-chart-matcard">
-                <mat-card-title>
-                    <h5>Vehicles Count</h5>
-                </mat-card-title>
-                <mat-card-content>
-                    <div class="rfms-vehiclecount-info">
-                        <h2>{{vehicleCount}} </h2>
-
-                        <ngx-trend [data]="[0, 10, 5, 22, 3.6, 11]" [gradient]="['#0FF', '#F0F', '#FF0']"
-                            autoDraw="true" autoDrawDuration="3000" autoDrawEasing="ease-in"></ngx-trend>
-                    </div>
-                </mat-card-content>
-            </mat-card>
-        </div>
-
-    </div>
+
+
+
 
     <div class="rfms-buttons-wrapper col-md-3 mt-2">
         <div class="row">
@@ -132,7 +137,7 @@ <h2>{{vehicleCount}} </h2>
             </div>  
     </div>
 
-    <div class="rfms-buttons-wrapper col-md-3 mt-2">
+      <div class="rfms-buttons-wrapper col-md-3 mt-2">
             <div class="row">
                 <div class="col">
                         <mat-card class="rfms-chart-matcard">
@@ -154,7 +159,8 @@ <h2>{{vehicleCount}} </h2>
                             </mat-card>
                 </div>            
             </div>  
-    </div>
+    </div>  
+
 
 
 </div>
diff --git a/src/app/admin-panel/dashboard/dashboard.component.scss b/src/app/admin-panel/dashboard/dashboard.component.scss
@@ -3,7 +3,7 @@
   }
 .rfms-chart-wrapper{
     display: flex;
-    margin: 0 8px;
+    //margin: 0 8px;
 }
 .rfms-charts{
     width: 100%;