Refactor base layout: implement responsive navbar with scroll shrink effect, revamp sidebar structure and styles, and refine footer.

This commit is contained in:
2026-01-09 23:52:55 +01:00
parent 093ca1b88d
commit 03f8a5eb35
4 changed files with 194 additions and 77 deletions

View File

@@ -1,7 +1,61 @@
{% extends "base.html" %}
{% block sidebar %}
<div class="flex flex-col gap-4 w-full">
<div class="section group">
<div class="section-title">Section 1</div>
<div class="section-items">
<div>Item 1</div>
<div>Item 2</div>
<div>Item 3</div>
</div>
</div>
<div class="section group">
<div class="section-title">Section 1</div>
<div class="section-items">
<div>Item 1</div>
<div>Item 2</div>
<div>Item 3</div>
</div>
</div>
<div class="section group">
<div class="section-title">Section 1</div>
<div class="section-items">
<div>Item 1</div>
<div>Item 2</div>
<div>Item 3</div>
</div>
</div>
<div class="section group">
<div class="section-title">Section 1</div>
<div class="section-items">
<div>Item 1</div>
<div>Item 2</div>
<div>Item 3</div>
</div>
</div>
<div class="section group">
<div class="section-title">Section 2</div>
<div class="section-items">
<div>Item 1</div>
<div>Item 2</div>
</div>
</div>
<div class="section group">
<div class="section-title">Section 3</div>
<div class="section-items">
<div>Item 1</div>
<div>Item 2</div>
</div>
</div>
{% comment %}<div class="flex flex-col gap-4 w-full">
<div class="flex flex-col gap-1">
<div class="text-neutral border-b border-neutral font-bold text-sm opacity-40 mb-2">Members</div>
<a class="flex flex-row gap-2 items-center hover:bg-neutral-content rounded-md p-2 cursor-default hover:cursor-pointer">
@@ -31,5 +85,5 @@
<i class="fa-solid fa-users w-5 h-5 mr-2 self-center"></i>Members
</a>
</li>
</ul>
</ul>{% endcomment %}
{% endblock sidebar %}