Refactor base layout: implement responsive navbar with scroll shrink effect, revamp sidebar structure and styles, and refine footer.
This commit is contained in:
@@ -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 %}
|
||||
Reference in New Issue
Block a user