add bootstrap class to only show fh logo in header on medium and greater displays; adjusted nav-user-btn css under mobile breakpoint to just take space of contained img and let searchbar flex growth apply to leftover width;

This commit is contained in:
Johann Hoffmann
2024-10-21 16:02:54 +02:00
parent 690080035a
commit f3851da10d
4 changed files with 11 additions and 10 deletions
@@ -32,7 +32,7 @@ if (!isset($menu)) {
<span class="navbar-toggler-icon"></span>
</button>
<fhc-searchbar id="nav-search" class=" fhc-searchbar w-100" @updatesearchtypes="updatesearchtypes" :selectedtypes="selectedtypes" :searchoptions="searchbaroptions" :searchfunction="searchfunction"></fhc-searchbar>
<a id="nav-logo" href="<?= site_url(''); ?>">
<a id="nav-logo" class="d-none d-md-block" href="<?= site_url(''); ?>">
<img src="<?= base_url('/public/images/logo-300x160.png'); ?>" alt="Logo">
</a>
<nav id="nav-main" class="offcanvas offcanvas-start bg-dark" tabindex="-1" aria-labelledby="nav-main-btn" data-bs-backdrop="false">
@@ -64,4 +64,4 @@ if (!isset($menu)) {
</nav>
</header>
<main id="cis-main" class="flex-grow-1 overflow-scroll">
<main id="cis-main" class="flex-grow-1 overflow-scroll">