From ff6fe9afa2c6f40308c1eba96ec75e3d4716e79e Mon Sep 17 00:00:00 2001 From: Tobias Mieves <tobias.mieves@tu-dortmund.de> Date: Fri, 8 Sep 2023 17:31:44 +0200 Subject: [PATCH] fix: Layout was longer than the page with navbar --- templates/base.html | 13 ++++++------- 1 file changed, 6 insertions(+), 7 deletions(-) diff --git a/templates/base.html b/templates/base.html index a9faf31..414c25c 100644 --- a/templates/base.html +++ b/templates/base.html @@ -10,7 +10,7 @@ {% block head %}{% endblock %} </head> <body> -<div class="navbar mb-2 shadow-lg bg-neutral text-neutral-content rounded-box"> +<div class="navbar mb-2 shadow-lg bg-neutral text-neutral-content rounded-box max-h-20"> <div class="flex-none lg:hidden"> <label for="my-drawer-3" class="btn btn-square btn-ghost"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" @@ -21,7 +21,7 @@ </label> </div> <div class="flex-1 px-2 mx-2 navbar-start"> - <a href="{% url 'home_view' %}" class="text-lg font-bold"> + <a href="{% url 'home_view' %}" class="text-lg font-bold align-middle"> {% block home_logo %}DaisyUI{% endblock %} </a> </div> @@ -53,23 +53,22 @@ </div> </div> </div> -<div class="drawer drawer-mobile"> +<div class="drawer drawer-mobile pt-20" style="margin-top:-5rem;"> <input id="my-drawer-3" type="checkbox" class="drawer-toggle"/> <div class="drawer-content flex flex-col"> <!-- Navbar --> <!-- Page content here --> <main> - <div class="p-4 lg:pl-0"> + <div class="p-4"> {% block content %} {% endblock %} </div> </main> </div> - <div class="drawer-side sm:shadow-lg sm:rounded-box m-4"> + <div class="drawer-side shadow-lg rounded-box lg:ml-4"> <label for="my-drawer-3" class="drawer-overlay"></label> - <ul class="menu p-4 w-fit m-w-xs bg-base-100"> - <!-- Sidebar content here --> + <ul class="menu p-4 w-fit m-w-xs mb-20 lg:mb-0 bg-base-100"> {% block sidebar_list %} <li><a>Sidebar Item 1</a></li> <li><a>Sidebar Item 2</a></li> -- GitLab