CostaPyTemplates/prime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Giving a margin between icon and name on the sidebar menu

Browse Source
This commit is contained in:
Dita Aji Pratama 2024-09-30 17:15:56 +07:00
parent 7f339cce3e
commit 721e811dc2
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
costapy-templates/prime/html/sidebar.html
View File

@ -6,7 +6,7 @@
% if any(role in item['roles'] for role in user_roles):
<li class="nav-item">
<a class="nav-link text-white ${'active' if item['name'] == active_page else ''}" href="${item['href']}" target="${item['target']}">
<i class="${item['icon']}"></i> ${item['name']}
<i class="${item['icon']} me-3"></i> ${item['name']}
</a>
</li>
% endif

10
html/index.html
View File

@ -54,27 +54,27 @@
<ul class="nav flex-column pb-5">
<li class="nav-item">
<a class="nav-link text-white" href="#">
<i class="fa-solid fa-gauge"></i> Dashboard
<i class="fa-solid fa-gauge me-3"></i> Dashboard
</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="#">
<i class="fa-solid fa-users"></i> Users
<i class="fa-solid fa-users me-3"></i> Users
</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="#">
<i class="fa-solid fa-book"></i> Items
<i class="fa-solid fa-book me-3"></i> Items
</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="#">
<i class="fa-solid fa-book"></i> Analytics
<i class="fa-solid fa-book me-3"></i> Analytics
</a>
</li>
<li class="nav-item">
<a class="nav-link text-white" href="#">
<i class="fa-solid fa-book"></i> Reports
<i class="fa-solid fa-book me-3"></i> Reports
</a>
</li>
<!-- Add more items to test scrolling -->