marius/risotto
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

make menu optimize for smartphone

Browse source
This commit is contained in:
Koutarou Mori 2022-06-29 18:32:50 +09:00
parent 3cacc821f4
commit f5f23a0218
2 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
layouts/partials/header.html
View file

@ -1,6 +1,6 @@
<h1 class="page__logo"><a href="{{ .Site.BaseURL }}" class="page__logo-inner">{{ .Site.Title }}</a></h1>
<nav class="page__nav main-nav"> <nav class="page__nav main-nav">
<ul> <ul>
<h1 class="page__logo"><a href="{{ .Site.BaseURL }}" class="page__logo-inner">{{ .Site.Title }}</a></h1>
{{ $currentPage := . }} {{ $currentPage := . }}
{{ range .Site.Menus.main }} {{ range .Site.Menus.main }}
<li class="main-nav__item"><a class="nav-main-item{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} active{{end}}" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a></li> <li class="main-nav__item"><a class="nav-main-item{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} active{{end}}" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a></li>

4
static/css/header.css
View file

@ -5,10 +5,12 @@
justify-content: flex-start; justify-content: flex-start;
margin: 0; margin: 0;
padding: 0.25rem 0; padding: 0.25rem 0;
gap: 0rem 1.5rem;
} }
.main-nav li { .main-nav li {
margin-left: 2.5rem; padding-top: 0.25rem;
margin-left: 1rem;
text-transform: lowercase; text-transform: lowercase;
} }