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): % if any(role in item['roles'] for role in user_roles):
<li class="nav-item"> <li class="nav-item">
<a class="nav-link text-white ${'active' if item['name'] == active_page else ''}" href="${item['href']}" target="${item['target']}"> <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> </a>
</li> </li>
% endif % endif

10
html/index.html
View File

@ -54,27 +54,27 @@
<ul class="nav flex-column pb-5"> <ul class="nav flex-column pb-5">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link text-white" href="#"> <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> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link text-white" href="#"> <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> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link text-white" href="#"> <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> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link text-white" href="#"> <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> </a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link text-white" href="#"> <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> </a>
</li> </li>
<!-- Add more items to test scrolling --> <!-- Add more items to test scrolling -->