Fix vertical alignment in main menu bar, for butterball

This commit is contained in:
Lance Edgar 2024-04-28 19:30:35 -05:00
parent b3784dcc4a
commit 72f48fa963

View file

@ -432,11 +432,12 @@
<%def name="make_menu_search_component()"> <%def name="make_menu_search_component()">
<% request.register_component('menu-search', 'MenuSearch') %> <% request.register_component('menu-search', 'MenuSearch') %>
<script type="text/x-template" id="menu-search-template"> <script type="text/x-template" id="menu-search-template">
<div> <div style="display: flex;">
<a v-show="!searchActive" <a v-show="!searchActive"
href="${url('home')}" href="${url('home')}"
class="navbar-item"> class="navbar-item"
style="display: flex; gap: 0.5rem;">
${base_meta.header_logo()} ${base_meta.header_logo()}
<div id="global-header-title"> <div id="global-header-title">
${base_meta.global_title()} ${base_meta.global_title()}
@ -550,7 +551,8 @@
<header> <header>
<!-- this main menu, with search --> <!-- this main menu, with search -->
<nav class="navbar" role="navigation" aria-label="main navigation"> <nav class="navbar" role="navigation" aria-label="main navigation"
style="display: flex; align-items: center;">
<div class="navbar-brand"> <div class="navbar-brand">
<menu-search :search-data="globalSearchData" <menu-search :search-data="globalSearchData"
@ -563,7 +565,9 @@
</a> </a>
</div> </div>
<div class="navbar-menu" id="navbarMenu"> <div class="navbar-menu" id="navbarMenu"
style="display: flex; align-items: center;"
>
<div class="navbar-start"> <div class="navbar-start">
## global search button ## global search button