Skip to content
Snippets Groups Projects
Commit ff6fe9af authored by Tobias Mieves's avatar Tobias Mieves :sparkles:
Browse files

fix: Layout was longer than the page with navbar

parent ce304b66
No related branches found
No related tags found
3 merge requests!18Change Layout of the base template,!16Develop,!15Bugfix/fix layout
Pipeline #188088 passed with warnings
Stage: test
This commit is part of merge request !15. Comments created here will be created in the context of that merge request.
Show whitespace changes
Inline Side-by-side
Showing
with 6 additions and 7 deletions
templates/base.html
+ 6
− 7
View file @ ff6fe9af
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
{% block head %}{% endblock %} {% block head %}{% endblock %}
</head> </head>
<body> <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"> <div class="flex-none lg:hidden">
<label for="my-drawer-3" class="btn btn-square btn-ghost"> <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" <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
</label> </label>
</div> </div>
<div class="flex-1 px-2 mx-2 navbar-start"> <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 %} {% block home_logo %}DaisyUI{% endblock %}
</a> </a>
</div> </div>
...@@ -53,23 +53,22 @@ ...@@ -53,23 +53,22 @@
</div> </div>
</div> </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"/> <input id="my-drawer-3" type="checkbox" class="drawer-toggle"/>
<div class="drawer-content flex flex-col"> <div class="drawer-content flex flex-col">
<!-- Navbar --> <!-- Navbar -->
<!-- Page content here --> <!-- Page content here -->
<main> <main>
<div class="p-4 lg:pl-0"> <div class="p-4">
{% block content %} {% block content %}
{% endblock %} {% endblock %}
</div> </div>
</main> </main>
</div> </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> <label for="my-drawer-3" class="drawer-overlay"></label>
<ul class="menu p-4 w-fit m-w-xs bg-base-100"> <ul class="menu p-4 w-fit m-w-xs mb-20 lg:mb-0 bg-base-100">
<!-- Sidebar content here -->
{% block sidebar_list %} {% block sidebar_list %}
<li><a>Sidebar Item 1</a></li> <li><a>Sidebar Item 1</a></li>
<li><a>Sidebar Item 2</a></li> <li><a>Sidebar Item 2</a></li>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment