mirror of
https://github.com/smittix/intercept.git
synced 2026-06-08 14:11:54 -07:00
Smittix
a58e2f0d21
- 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>
38 lines
1.1 KiB
HTML
38 lines
1.1 KiB
HTML
{#
|
|
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>
|