starred/minne
1
0
Fork 0
mirror of https://github.com/perstarkse/minne.git synced 2026-04-26 02:38:31 +02:00
Code Issues Packages Projects Releases 10 Wiki Activity

feat: site wide sidebar

Browse Source
This commit is contained in:
Per Stark
2025-04-22 11:58:54 +02:00
parent 0185607384
commit 0d2162e796
16 changed files with 348 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
html-router/templates/body_base.html
View File

@@ -1,16 +1,45 @@
{% extends "head_base.html" %}
{% block body %}
<body>
<div class="min-h-screen flex flex-col">
<!-- Navbar -->
{% include "navigation_bar.html" %}
<body class="bg-base-100" hx-ext="head-support">
<div class="drawer lg:drawer-open">
<input id="my-drawer" type="checkbox" class="drawer-toggle" />
<!-- Page Content -->
<div class="drawer-content flex flex-col h-screen">
<!-- Navbar -->
{% include "navigation_bar.html" %}
<!-- Main Content Area -->
<main class="flex-1 overflow-y-auto">
{% block main %}{% endblock %}
</main>
</div>
<!-- Sidebar -->
{% if user %}
{% include "sidebar.html" %}
{% endif %}
</div> <!-- End Drawer -->
<div id="modal"></div>
<div id="toast-container"></div>
<!-- Optional: Add CSS for custom scrollbar -->
<style>
.custom-scrollbar::-webkit-scrollbar {
width: 4px;
}
<!-- Main Content -->
{% block main %}{% endblock %}
.custom-scrollbar::-webkit-scrollbar-track {
background: transparent;
}
<div id="modal"></div>
<div id="toast-container" class="toast toast-bottom toast-end"></div>
</div>
.custom-scrollbar::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
border-radius: 3px;
}
.custom-scrollbar {
scrollbar-width: thin;
scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}
</style>
</body>
{% endblock %}