diff --git a/templates/base.html b/templates/base.html index a9faf3109f33957a769d40403b1b2ef395a2cfd5..98ce67113dd5b1f1873f67cba2073c262c5a8b3b 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 shadow-lg bg-neutral text-neutral-content rounded-box max-h-24 mb-3.5"> <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 mb-20 lg:mb-0"> {% 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>