mirror of
https://github.com/smittix/intercept.git
synced 2026-07-18 14:28:10 -07:00
feat: UI refactor - unified navigation, design tokens, dashboard integration
- Add centralized design tokens in static/css/core/variables.css - Create reusable base templates (base.html, base_dashboard.html) - Add unified navigation partial (partials/nav.html) with all modules - Create reusable UI components (card, loading, empty_state, status_badge, stats_strip) - Integrate navigation into ADSB, AIS, and Satellite dashboards - Consolidate CSS by importing shared variables in dashboard stylesheets - Add comprehensive UI_GUIDE.md documentation Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -0,0 +1,37 @@
|
||||
{#
|
||||
Page Header Partial
|
||||
Consistent page title with optional description and actions
|
||||
|
||||
Variables:
|
||||
- title: Page title (required)
|
||||
- description: Optional description text
|
||||
- back_url: Optional back link URL
|
||||
- back_text: Optional back link text (default: "Back")
|
||||
#}
|
||||
|
||||
<div class="page-header">
|
||||
{% if back_url %}
|
||||
<a href="{{ back_url }}" class="back-link mb-4">
|
||||
<span class="icon icon--sm">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
|
||||
<polyline points="15 18 9 12 15 6"/>
|
||||
</svg>
|
||||
</span>
|
||||
{{ back_text|default('Back') }}
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
<div class="flex items-center justify-between">
|
||||
<div>
|
||||
<h1 class="page-title">{{ title }}</h1>
|
||||
{% if description %}
|
||||
<p class="page-description">{{ description }}</p>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if caller is defined %}
|
||||
<div class="page-actions">
|
||||
{{ caller() }}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user