improve navbar on widescreen

This commit is contained in:
Alexis Fourmaux 2025-05-16 16:15:31 +02:00
parent 51d599eff6
commit dab83f64f5
4 changed files with 74 additions and 86 deletions

View file

@ -1,29 +1,29 @@
<header>
<nav>
<div class="nav-title">
<a class="home-title" href="{{ get_url(path='/') }}">{{ config.title }}</a>
<div class="home-title">
<a href="{{ get_url(path='/') }}">{{ config.title }}</a>
</div>
<div class="nav-menus">
<ul>
<div class="nav-bar">
<ul class="nav-links">
<li>
<a href="/articles">Articles</a>
</li>
<li>
<a href="/a-propos">À propos</a>
</li>
</ul>
</div>
<div class="nav-widgets">
<ul>
<li>
<div role="button" id="search-button" class="search-button">
<span></span>
</div>
</li>
<li>
<div role="button" id="theme-switch-button" class="theme-switch-button">
<span>󰔎</span>
</div>
<li class="menu-icons-container">
<ul class="menu-icons-group">
<li>
<div role="button" class="search-button menu-icon">
<span></span>
</div>
</li>
<li>
<div role="button" class="theme-switch-button menu-icon">
<span>󰔎</span>
</div>
</li>
</ul>
</li>
</ul>
</div>