root
b6f12b2162
- Created a unified button system in style.css with primary, secondary, and icon variants. - Standardized cards, inputs, and layout components for a more premium look. - Refactored header, login, anime/series cards, and watchlist/downloads sections to use the new design system. - Cleaned up inline styles and redundant local style blocks in templates. - Updated JS-generated buttons to follow the new global styling.
42 lines
1.4 KiB
HTML
42 lines
1.4 KiB
HTML
<!-- Home Section: Premium Layout -->
|
|
<div id="tab-home" class="tab-content" x-show="activeTab === 'home'">
|
|
|
|
<!-- Hero / Featured area could go here later -->
|
|
|
|
<!-- Recommendations Row -->
|
|
<div class="section-container">
|
|
<div class="section-header">
|
|
<h2>🎯 Recommandé pour vous</h2>
|
|
<button class="btn btn-secondary btn-small"
|
|
hx-get="/api/recommendations"
|
|
hx-target="#recommendationsList">
|
|
<i class="fas fa-sync-alt"></i> Actualiser
|
|
</button>
|
|
</div>
|
|
<div id="recommendationsList"
|
|
hx-get="/api/recommendations"
|
|
hx-trigger="load delay:100ms"
|
|
class="streaming-row">
|
|
<div class="loading-spinner"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Latest Releases Row -->
|
|
<div class="section-container">
|
|
<div class="section-header">
|
|
<h2>🔥 Dernières sorties</h2>
|
|
<button class="btn btn-secondary btn-small"
|
|
hx-get="/api/releases/latest"
|
|
hx-target="#releasesList">
|
|
<i class="fas fa-sync-alt"></i> Actualiser
|
|
</button>
|
|
</div>
|
|
<div id="releasesList"
|
|
hx-get="/api/releases/latest"
|
|
hx-trigger="load delay:300ms"
|
|
class="streaming-row">
|
|
<div class="loading-spinner"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|