bernard/TeamForge
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update base.html layout: adjust styles for improved height handling, overflow behavior, and consistency in responsive designs.

Browse Source
This commit is contained in:
Bernard Siebens
2026-03-31 22:56:49 +02:00
parent 6f07c32fb1
commit e55c88c742
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
templates/base.html
View File

@@ -39,7 +39,7 @@
</style> </style>
</head> </head>
<body class="flex flex-col h-screen" hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'> <body class="flex flex-col h-dvh overflow-hidden" hx-headers='{"X-CSRFToken": "{{ csrf_token }}"}'>
<!-- NAVBAR --> <!-- NAVBAR -->
<header id="mainNavbar" class="navbar-shrink 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">
@@ -84,7 +84,7 @@
</div> </div>
</header> </header>
<div class="drawer lg:drawer-open flex-1"> <div class="drawer lg:drawer-open flex-1 min-h-0">
<!-- Hidden checkbox for mobile sidebar --> <!-- Hidden checkbox for mobile sidebar -->
<input type="checkbox" id="sidebar-toggle" class="drawer-toggle"> <input type="checkbox" id="sidebar-toggle" class="drawer-toggle">
@@ -92,7 +92,7 @@
<aside class="drawer-side z-60 lg:z-auto min-w-fit h-full lg:h-fit"> <aside class="drawer-side z-60 lg:z-auto min-w-fit h-full lg:h-fit">
<label for="sidebar-toggle" class="drawer-overlay"></label> <label for="sidebar-toggle" class="drawer-overlay"></label>
<div class="w-64 bg-base-100 border-r p-4 h-full lg:h-fit lg:border lg:border-base-300 lg:m-4 lg:mr-2 lg:rounded-xl lg:min-h-full"> <div class="w-64 bg-base-100 border-r p-4 h-full lg:h-fit lg:border lg:border-base-300 lg:m-4 lg:mr-2 lg:rounded-xl">
<ul class="menu w-full"> <ul class="menu w-full">
{% block sidebar %}{% endblock sidebar %} {% block sidebar %}{% endblock sidebar %}
</ul> </ul>
@@ -100,8 +100,8 @@
</aside> </aside>
<!-- MAIN CONTENT--> <!-- MAIN CONTENT-->
<div class="drawer-content flex w-full"> <div class="drawer-content flex w-full overflow-y-auto">
<main class="bg-base-100 border border-base-300 rounded-xl m-4 ml-2 p-6 w-full"> <main class="bg-base-100 border border-base-300 rounded-xl m-4 ml-2 p-6 w-full h-fit">
{% include "backend/partials/messages.html" %} {% include "backend/partials/messages.html" %}
<div id="content"> <div id="content">
@@ -115,7 +115,7 @@
</div> </div>
<!-- FOOTER --> <!-- FOOTER -->
<footer class="footer footer-center p-4 bg-neutral text-neutral-content mt-auto"> <footer class="footer footer-center p-4 bg-neutral text-neutral-content">
<p>&copy; {% now "Y" %} TeamForge — All rights reserved.</p> <p>&copy; {% now "Y" %} TeamForge — All rights reserved.</p>
</footer> </footer>