Reorganized dashboard
This commit is contained in:
@@ -1,14 +1,27 @@
|
||||
<div class="flex gap-17 ml-20">
|
||||
<app-info-card color="#f59e0b" icon="inbox" [value]="productsUnderLimitCount()"
|
||||
description="Produits sous le seuil minimal."></app-info-card>
|
||||
<app-info-card color="#3b82f6" icon="team" [value]="deliversCount()+suppliersCount()"
|
||||
description="Partenaires actifs."></app-info-card>
|
||||
<app-info-card color="#10b981" icon="truck" [value]=deliversCount()
|
||||
description="Livreurs partenaires."></app-info-card>
|
||||
<app-info-card color="#ef4444" icon="shop" [value]="suppliersCount()"
|
||||
description="Fournisseurs partenaires."></app-info-card>
|
||||
</div>
|
||||
<div class="flex w-full px-4 gap-4 items-start mt-6">
|
||||
<div class="w-1/2">
|
||||
<app-delivery-validator></app-delivery-validator>
|
||||
</div>
|
||||
|
||||
<div class="mt-10 flex gap-30">
|
||||
<app-delivery-validator></app-delivery-validator>
|
||||
<div class="w-1/2 mt-10 flex flex-col gap-4">
|
||||
<p class="text-2xl font-bold">Tableau de bord</p>
|
||||
<div class="grid grid-cols-2 gap-4">
|
||||
<app-info-card color="#f59e0b" icon="inbox"
|
||||
[value]="productsUnderLimitCount()"
|
||||
description="Produits sous le seuil minimal.">
|
||||
</app-info-card>
|
||||
<app-info-card color="#3b82f6" icon="team"
|
||||
[value]="deliversCount()+suppliersCount()"
|
||||
description="Partenaires actifs.">
|
||||
</app-info-card>
|
||||
<app-info-card color="#10b981" icon="truck"
|
||||
[value]="deliversCount()"
|
||||
description="Livreurs partenaires.">
|
||||
</app-info-card>
|
||||
<app-info-card color="#ef4444" icon="shop"
|
||||
[value]="suppliersCount()"
|
||||
description="Fournisseurs partenaires.">
|
||||
</app-info-card>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user