sankalp
2435061423
Replace Django default templates with Tailwind‑styled layout, add reusable sidebar/topbar, integrate Alpine.js and HTMX for interactivity, include Chart.js placeholder, and streamline markup for authenticated views. New Features - Introduce Tailwind CSS via django‑tailwind‑cli for consistent styling - Add Alpine.js and HTMX for client‑side behavior - Add Chart.js script for future visualisation - Create reusable sidebar and topbar components for authenticated templates Enhancements - Refactor base.html to reduce duplication and improve maintainability - Add dynamic title block and extra_head/slots for extensibility - Adopt responsive layout with min‑h-screen and fixed navigation Bug Fixes- Remove stale static CSS reference that caused layout issues - Fix missing user role display and related styling - Correct viewport meta tag and charset handling
18 lines
685 B
HTML
18 lines
685 B
HTML
{% extends "base.html" %}
|
|
{% block content %}
|
|
{% include "components/topbar.html" %}
|
|
<div class="flex">
|
|
{% include "components/sidebar.html" %}
|
|
<main class="flex-1 p-6 pt-20 lg:ml-64 transition-all duration-300">
|
|
{% if messages %}
|
|
{% for message in messages %}
|
|
<div class="alert alert-{{ message.tags }} shadow-lg mb-4 rounded-xl border-l-4 border-{{ message.tags }} animate-slide-down">
|
|
<span>{{ message }}</span>
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% block content_inner %}{% endblock %}
|
|
</main>
|
|
</div>
|
|
{% endblock %}
|