fix dropdown menu structure

Signed-off-by: Adam Warner <me@adamwarner.co.uk>
This commit is contained in:
Adam Warner
2025-11-17 22:45:21 +00:00
parent be6dae6088
commit 2562ae1a86

View File

@@ -65,31 +65,41 @@ mg.include('header.lp','r')
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-expanded="false"> <a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
<i class="fa fa-bars"></i> <i class="fa fa-bars"></i>
</a> </a>
<ul class="dropdown-menu dropdown-menu-end"> <div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
<!-- User image --> <!-- User image -->
<li class="user-header"> <div class="dropdown-header user-header text-center">
<img class="logo-img" src="<?=webhome?>img/logo.svg" alt="Pi-hole Logo" width="50" height="50"> <img class="logo-img" src="<?=webhome?>img/logo.svg" alt="Pi-hole Logo" width="50" height="50">
<p> <p>
Open Source Ad Blocker Open Source Ad Blocker
</p> </p>
</li> </div>
<!-- Menu Body --> <!-- Menu Body -->
<li class="user-body" id="advanced-info"></li> <div class="dropdown-divider"></div>
<div class="user-body px-3 py-2" id="advanced-info"></div>
<div class="dropdown-divider"></div>
<!-- Menu Footer --> <!-- Menu Footer -->
<li class="user-footer"> <a class="dropdown-item" href="https://pi-hole.net/" rel="noopener noreferrer" target="_blank">
<a class="btn-link" href="https://pi-hole.net/" rel="noopener noreferrer" target="_blank"> <i class="fa-fw fa-solid fa-home"></i> Pi-hole Website
<? mg.include('../../img/logo-bw.svg', 'r') ?> </a>
Pi-hole Website <a class="dropdown-item" href="https://docs.pi-hole.net/" rel="noopener noreferrer" target="_blank">
</a> <i class="fa-fw fa-solid fa-circle-question"></i> Documentation
<a class="btn-link" href="https://docs.pi-hole.net/" rel="noopener noreferrer" target="_blank"><i class="fa-fw menu-icon fa-solid fa-circle-question"></i> Documentation</a> </a>
<a class="btn-link" href="https://discourse.pi-hole.net/" rel="noopener noreferrer" target="_blank"><i class="fa-fw menu-icon fab fa-discourse"></i> Pi-hole Discourse</a> <a class="dropdown-item" href="https://discourse.pi-hole.net/" rel="noopener noreferrer" target="_blank">
<a class="btn-link" href="https://github.com/pi-hole" rel="noopener noreferrer" target="_blank"><i class="fa-fw menu-icon fab fa-github"></i> GitHub</a> <i class="fa-fw fab fa-discourse"></i> Pi-hole Discourse
<a class="btn-link" href="https://discourse.pi-hole.net/c/announcements/5" rel="noopener noreferrer" target="_blank"><i class="fa-fw menu-icon fa-solid fa-rocket"></i> Pi-hole Releases</a> </a>
<? if pihole.needLogin() then ?> <a class="dropdown-item" href="https://github.com/pi-hole" rel="noopener noreferrer" target="_blank">
<a class="btn-link" href="#" id="logout-button"><i class="fa-fw menu-icon fa-solid fa-arrow-right-from-bracket"></i> Log out</a> <i class="fa-fw fab fa-github"></i> GitHub
<? end ?> </a>
</li> <a class="dropdown-item" href="https://discourse.pi-hole.net/c/announcements/5" rel="noopener noreferrer" target="_blank">
</ul> <i class="fa-fw fa-solid fa-rocket"></i> Pi-hole Releases
</a>
<? if pihole.needLogin() then ?>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#" id="logout-button">
<i class="fa-fw fa-solid fa-arrow-right-from-bracket"></i> Log out
</a>
<? end ?>
</div>
</li> </li>
</ul> </ul>
</nav> </nav>