Adjust navbar styles: rename class to navbar-shrink, add padding to elements for better spacing.

This commit is contained in:
2026-03-31 16:49:21 +02:00
parent 646479c5be
commit 6f07c32fb1

View File

@@ -41,7 +41,7 @@
<body class="flex flex-col h-screen" hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
<!-- NAVBAR -->
<header id="mainNavbar" class="navbar-normal navbar bg-base-100 sticky top-0 z-50 shadow">
<header id="mainNavbar" class="navbar-shrink navbar bg-base-100 sticky top-0 z-50 shadow">
<div class="flex-none lg:hidden">
<!-- Mobile sidebar toggle -->
<label for="sidebar-toggle" class="btn btn-square btn-ghost">
@@ -49,12 +49,12 @@
</label>
</div>
<div class="flex-1 flex items-center gap-3">
<div class="flex-1 flex items-center gap-3 pl-2">
<img src="{% static config.TF_CLUB_LOGO %}" class="hidden lg:inline h-10 {% if config.TF_CLUB_LOGO != "teamforge/logo.png" %}mask mask-circle{% endif %}" alt="{{ config.TF_CLUB_NAME }} logo">
<span class="text-xl font-bold font-jersey">{{ config.TF_CLUB_NAME }}</span>
</div>
<div class="flex flex-row items-center gap-1 lg:gap-4">
<div class="flex flex-row items-center gap-1 lg:gap-4 pr-2">
<!-- Notifications -->
<button class="btn btn-ghost btn-circle">
<i class="fa-solid fa-bell text-xl"></i>