This is testing a new way to do the main site layout that I think will be a better fit for where I want the UI to go with a collapsable interface.
52 lines
2 KiB
HTML
52 lines
2 KiB
HTML
{{define "sidebar"}}
|
|
<div id="sidebar">
|
|
<div class="sidebar-header">
|
|
<h4>Dashboard</h4>
|
|
</div>
|
|
|
|
<ul class="sidebar-menu">
|
|
<li>
|
|
<a href="#">
|
|
<div class="menu-icon"><i class="bi bi-house"></i></div>
|
|
<span class="menu-text ms-2">Home</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="menu-icon"><i class="bi bi-graph-up"></i></div>
|
|
<span class="menu-text ms-2">Analytics</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="menu-icon"><i class="bi bi-file-earmark"></i></div>
|
|
<span class="menu-text ms-2">Reports</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="menu-icon"><i class="bi bi-people"></i></div>
|
|
<span class="menu-text ms-2">Users</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="menu-icon"><i class="bi bi-chat-dots"></i></div>
|
|
<span class="menu-text ms-2">Messages</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="menu-icon"><i class="bi bi-gear"></i></div>
|
|
<span class="menu-text ms-2">Settings</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<div class="menu-icon"><i class="bi bi-question-circle"></i></div>
|
|
<span class="menu-text ms-2">Help</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
{{end}}
|