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 }}"}'> <body class="flex flex-col h-screen" hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
<!-- NAVBAR --> <!-- 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"> <div class="flex-none lg:hidden">
<!-- Mobile sidebar toggle --> <!-- Mobile sidebar toggle -->
<label for="sidebar-toggle" class="btn btn-square btn-ghost"> <label for="sidebar-toggle" class="btn btn-square btn-ghost">
@@ -49,12 +49,12 @@
</label> </label>
</div> </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"> <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> <span class="text-xl font-bold font-jersey">{{ config.TF_CLUB_NAME }}</span>
</div> </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 --> <!-- Notifications -->
<button class="btn btn-ghost btn-circle"> <button class="btn btn-ghost btn-circle">
<i class="fa-solid fa-bell text-xl"></i> <i class="fa-solid fa-bell text-xl"></i>