Refactored editor.page.html to use a Vue-style `data()` function for reactive state, adding a new `content` property and cleaning up redundant inline styles. Updated profile-form.html to replace single `error` handling with field-specific `errors.<field>` bindings, improving form validation clarity and user feedback.
31 lines
No EOL
1.1 KiB
HTML
31 lines
No EOL
1.1 KiB
HTML
<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">1Dashboard</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> |