mirror of
https://github.com/smittix/intercept.git
synced 2026-06-09 06:31:55 -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>
25 lines
728 B
HTML
25 lines
728 B
HTML
{#
|
|
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>
|