42 lines
1.2 KiB
HTML
42 lines
1.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Dashboard</title>
|
||
|
|
<link rel="stylesheet" href="../css/global.css">
|
||
|
|
<link rel="stylesheet" href="dashboard.css">
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div id="main-content">
|
||
|
|
<div class="content-section active">
|
||
|
|
<main class="container p-4 space-y-4">
|
||
|
|
<div class="flex items-center justify-between">
|
||
|
|
<h1 class="text-2xl font-bold text-foreground">Dashboard</h1>
|
||
|
|
<div class="date-range-picker"></div>
|
||
|
|
<button class="download-btn">Download</button>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="cards-grid">
|
||
|
|
<!-- Cards will be populated by JavaScript -->
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="dashboard-grid">
|
||
|
|
<div class="overview-container">
|
||
|
|
<h3>Overview</h3>
|
||
|
|
<div class="overview-chart"></div>
|
||
|
|
</div>
|
||
|
|
<div class="recent-sales-container">
|
||
|
|
<h3>Recent Sales</h3>
|
||
|
|
<p>You made 265 sales this month.</p>
|
||
|
|
<div class="recent-sales-list"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script src="dashboard.js"></script>
|
||
|
|
<script src="components/date-range-picker.js"></script>
|
||
|
|
<script src="components/overview.js"></script>
|
||
|
|
<script src="components/recent-sales.js"></script>
|
||
|
|
</body>
|
||
|
|
</html>
|