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>
28 lines
882 B
HTML
28 lines
882 B
HTML
{#
|
|
Loading State Component
|
|
Display while data is being fetched
|
|
|
|
Variables:
|
|
- text: Optional loading text (default: "Loading...")
|
|
- size: 'sm', 'md', or 'lg' (default: 'md')
|
|
- overlay: If true, renders as full overlay
|
|
#}
|
|
|
|
{% if overlay %}
|
|
<div class="loading-overlay">
|
|
<div class="loading-content">
|
|
<div class="spinner {% if size == 'sm' %}spinner-sm{% elif size == 'lg' %}spinner-lg{% endif %}"></div>
|
|
{% if text %}
|
|
<div class="loading-text mt-3 text-secondary text-sm">{{ text }}</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
{% else %}
|
|
<div class="loading-inline flex items-center gap-3">
|
|
<div class="spinner {% if size == 'sm' %}spinner-sm{% elif size == 'lg' %}spinner-lg{% endif %}"></div>
|
|
{% if text %}
|
|
<span class="text-secondary text-sm">{{ text }}</span>
|
|
{% endif %}
|
|
</div>
|
|
{% endif %}
|