improve navbar on widescreen

This commit is contained in:
Ungol 2025-12-23 22:27:52 +01:00
parent 265bc173be
commit 5b81e2abc6
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>