static Menubar apply boostrap css

This commit is contained in:
2026-01-16 13:04:59 +05:30
parent 1022923509
commit dd4b494435
4 changed files with 116 additions and 143 deletions

View File

@@ -16,7 +16,9 @@
<body class="bg-light">
<!-- NAVBAR -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark shadow-sm">
<!-- <nav class="navbar navbar-expand-lg navbar-dark bg-dark shadow-sm"> -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark shadow-sm fixed-top">
<div class="container-fluid">
<!-- Brand -->
@@ -72,7 +74,7 @@
</li>
<li>
<a class="dropdown-item" href="/file/report">
<i class="bi bi-download me-2"></i> Download Reports
<i class="bi bi-download me-2"></i> Show Reports
</a>
</li>
</ul>
@@ -92,7 +94,7 @@
<li>
<a class="dropdown-item" href="/file/client_vs_subcont">
<i class="bi bi-arrow-left-right me-2"></i> Comparison Report
<i class="bi bi-arrow-left-right me-2"></i> Show Report
</a>
</li>
</ul>
@@ -170,25 +172,32 @@
</div>
</nav>
<!-- FLASH MESSAGES -->
<div class="container mt-3">
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
{% for category, message in messages %}
<div class="alert alert-{{ category }} alert-dismissible fade show">
{{ message }}
<button class="btn-close" data-bs-dismiss="alert"></button>
</div>
{% endfor %}
{% endif %}
{% endwith %}
</div>
<!-- PAGE CONTENT -->
<div class="container mt-4">
{% block content %}{% endblock %}
<div class="container-fluid vh-100 pt-5 overflow-hidden">
<!-- FLASH MESSAGES -->
<div class="container mt-3">
{% with messages = get_flashed_messages(with_categories=true) %}
{% if messages %}
{% for category, message in messages %}
<div class="alert alert-{{ category }} alert-dismissible fade show">
{{ message }}
<button class="btn-close" data-bs-dismiss="alert"></button>
</div>
{% endfor %}
{% endif %}
{% endwith %}
</div>
<div class="overflow-auto h-100">
<div class="container mt-4">
{% block content %}{% endblock %}
</div>
</div>
</div>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>