Rodrigo Rodriguez (Pragmatismo)
f2624aef94
Update dashboard CSS to use new color scheme matching visual identity, replacing CSS variables with specific color values. Improved button hover state with background transition instead of opacity. Expanded layout.js with additional application sections including dashboard, editor, player, and settings to support new navigation structure.
41 lines
1.2 KiB
HTML
41 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>
|