champs-libres/chill_hugoplate
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

closed issue #20

Browse Source
This commit is contained in:
somrat sorkar 2023-07-27 10:28:16 +06:00
parent f8b3c3694f
commit 2aaf1bd819
2 changed files with 16 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
assets/scss/navigation.scss
View File

@ -1,14 +1,14 @@
// navbar toggler // navbar toggler
input#nav-toggle:checked ~ label#show-button { input#nav-toggle:checked + label #show-button {
@apply hidden; @apply hidden;
} }
input#nav-toggle:checked ~ label#hide-button { input#nav-toggle:checked + label #hide-button {
@apply flex lg:hidden; @apply block;
} }
input#nav-toggle:checked ~ #nav-menu { input#nav-toggle:checked ~ #nav-menu {
@apply block lg:flex; @apply block;
} }
.header { .header {

31
layouts/partials/essentials/header.html
View File

@ -12,31 +12,24 @@
<input id="nav-toggle" type="checkbox" class="hidden" /> <input id="nav-toggle" type="checkbox" class="hidden" />
<label <label
for="nav-toggle" for="nav-toggle"
class="order-3 cursor-pointer text-dark dark:text-white lg:order-1"> class="order-3 cursor-pointer flex items-center lg:hidden text-dark dark:text-white lg:order-1">
<span id="show-button" class="flex items-center lg:order-1 lg:hidden"> <svg id="show-button" class="h-6 fill-current block" viewBox="0 0 20 20">
<svg class="h-6 fill-current" viewBox="0 0 20 20"> <title>Menu Open</title>
<title>Menu Open</title> <path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path>
<path d="M0 3h20v2H0V3z m0 6h20v2H0V9z m0 6h20v2H0V0z"></path> </svg>
</svg> <svg id="hide-button" class="h-6 fill-current hidden" viewBox="0 0 20 20">
</span> <title>Menu Close</title>
<span <polygon
id="hide-button" points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
for="nav-toggle" transform="rotate(45 10 10)"></polygon>
class="hidden items-center lg:order-1"> </svg>
<svg class="h-6 fill-current" viewBox="0 0 20 20">
<title>Menu Close</title>
<polygon
points="11 9 22 9 22 11 11 11 11 22 9 22 9 11 -2 11 -2 9 9 9 9 -2 11 -2"
transform="rotate(45 10 10)"></polygon>
</svg>
</span>
</label> </label>
<!-- /navbar toggler --> <!-- /navbar toggler -->
<!-- main navbar --> <!-- main navbar -->
<ul <ul
id="nav-menu" id="nav-menu"
class="navbar-nav order-3 hidden w-full pb-6 lg:order-1 lg:flex lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8"> class="navbar-nav order-3 hidden lg:flex w-full pb-6 lg:order-1 lg:w-auto lg:space-x-2 lg:pb-0 xl:space-x-8">
{{ $currentPage := . }} {{ $currentPage := . }}
{{ range site.Menus.main }} {{ range site.Menus.main }}
{{ $menuURL := .URL | absLangURL }} {{ $menuURL := .URL | absLangURL }}