mirror of
https://github.com/smittix/intercept.git
synced 2026-07-10 02:28:12 -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,24 @@
|
||||
{#
|
||||
Card/Panel Component
|
||||
Reusable container with optional header and footer
|
||||
|
||||
Variables:
|
||||
- title: Optional card header title
|
||||
- indicator: If true, shows status indicator dot in header
|
||||
- indicator_active: If true, indicator is active/green
|
||||
- no_padding: If true, removes body padding
|
||||
#}
|
||||
|
||||
<div class="panel">
|
||||
{% if title %}
|
||||
<div class="panel-header">
|
||||
<span>{{ title }}</span>
|
||||
{% if indicator %}
|
||||
<div class="panel-indicator {% if indicator_active %}active{% endif %}"></div>
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endif %}
|
||||
<div class="panel-content{% if no_padding %}" style="padding: 0;{% else %}{% endif %}">
|
||||
{{ caller() }}
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user