assettrack/templates/header.html
candifloss 5c10cdcef5 Add: Header bar style
Add minimal boostrap css to top-bar
2025-04-04 11:10:16 +05:30

39 lines
1.7 KiB
HTML

<nav class="navbar navbar-expand-md navbar-dark bg-primary fixed-top px-3 py-2 shadow-sm">
<!-- Left-aligned branding and buttons -->
<div class="d-flex align-items-center">
<!-- Logo and App Name -->
<div class="d-flex align-items-center me-3">
<a href="{{ url_for('homepage.index') }}" class="d-flex align-items-center text-decoration-none">
<img src="{{ url_for('static', filename=brandingconfig.HEADER_LOGO) }}"
alt="{{ brandingconfig.APP_NAME }} Logo"
class="me-2" style="height: 30px;">
<span class="navbar-brand mb-0 h1 text-white">{{ brandingconfig.APP_NAME }}</span>
</a>
</div>
<!-- Action Buttons -->
<div class="d-flex gap-2">
<a href="/create" class="btn btn-sm btn-outline-light" title="Add new item">
Add New Item
</a>
<a href="/import_from_csv" class="btn btn-sm btn-outline-light" title="Bulk-add new items from a CSV file">
Import CSV
</a>
<a href="/edit_using_csv" class="btn btn-sm btn-outline-light" title="Bulk-update existing items using a CSV file">
Edit CSV
</a>
<form action="/export_csv" method="POST" class="d-inline">
<button type="submit" class="btn btn-sm btn-outline-light" title="Download all data as a CSV file">
Export Data
</button>
</form>
</div>
</div>
<!-- Right-aligned logout -->
<div class="ms-auto">
<a href="/logout" class="btn btn-sm btn-danger" title="Logout">
Logout
</a>
</div>
</nav>