mirror of
https://github.com/R0m1k3/LogiFlow.git
synced 2026-10-11 17:27:31 +02:00
Present dashboard overview like other modules with an icon
Update the dashboard page to include a card and icon for the performance overview, matching the styling of other modules. Replit-Commit-Author: Agent Replit-Commit-Session-Id: 7c468936-2a88-4686-ac0a-84921a45222d Replit-Commit-Checkpoint-Type: full_checkpoint Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/7c468936-2a88-4686-ac0a-84921a45222d/AAhQ1V9
This commit is contained in:
1 parent
898c619c0d
commit
c338552589
1 file changed
+17
-10
@@ -220,18 +220,25 @@ export default function Dashboard() {
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="flex-1 space-y-4 sm:space-y-6 p-4 sm:p-6">
|
||||
<div className="p-4 sm:p-6 space-y-4 sm:space-y-6">
|
||||
{/* Header */}
|
||||
<div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
|
||||
<div>
|
||||
<h2 className="text-2xl sm:text-3xl font-bold text-gray-900">Tableau de Bord</h2>
|
||||
<p className="text-gray-600 mt-1 text-sm sm:text-base">Vue d'ensemble des performances et statistiques</p>
|
||||
<div className="bg-white border-b border-gray-200 p-4 sm:p-6 shadow-sm -m-4 sm:-m-6 mb-4 sm:mb-6">
|
||||
<div className="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
|
||||
<div>
|
||||
<h2 className="text-xl sm:text-2xl font-semibold text-gray-900 flex items-center">
|
||||
<BarChart3 className="w-5 h-5 sm:w-6 sm:h-6 mr-2 sm:mr-3 text-blue-600" />
|
||||
Tableau de Bord
|
||||
</h2>
|
||||
<p className="text-gray-600 mt-1 text-sm sm:text-base">
|
||||
Vue d'ensemble des performances et statistiques
|
||||
</p>
|
||||
</div>
|
||||
{selectedStoreId && user?.role === 'admin' && (
|
||||
<Badge variant="outline" className="text-blue-700 border-blue-300 w-fit">
|
||||
Magasin sélectionné
|
||||
</Badge>
|
||||
)}
|
||||
</div>
|
||||
{selectedStoreId && user?.role === 'admin' && (
|
||||
<Badge variant="outline" className="text-blue-700 border-blue-300 w-fit">
|
||||
Magasin sélectionné
|
||||
</Badge>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Alerts */}
|
||||
|
||||
Reference in new issue
Block a user