diff options
| -rw-r--r-- | assets/css/main.css | 8 | ||||
| -rw-r--r-- | layouts/partials/header.html | 10 |
2 files changed, 13 insertions, 5 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index 7ae1fce..300bc16 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -185,10 +185,16 @@ hr { .header p { font-size: small; font-family: var(--font-mono); - margin-top: var(--header-menu-top-gap); + margin-top: 0; margin-right: var(--header-menu-side-gap); } +.header-menu { + display: flex; + flex-wrap: wrap; + padding-top: var(--header-menu-top-gap); +} + .header-title { font-size: 2.6em; font-weight: bold; diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 1d8301e..7af4224 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -8,14 +8,16 @@ <a href="{{ site.BaseURL }}">{{ site.Title }}</a> </h1> - <div class="flex"> + <div class="header-menu"> {{ $currentPage := . }} {{ with site.Params.menu }} {{ range . }} - - <p class="small {{ if eq .name (lower $currentPage.Name) }} bold {{end}}"> - <a href="{{ .url }}" {{ if and (isset . "newTab") .newTab }}target="_blank" rel="noopener noreferrer"{{ end }}> + + <p + class="small {{ if eq .name (lower $currentPage.Name) }} bold {{end}}"> + <a href="{{ .url }}" {{ if and (isset . "newTab") .newTab + }}target="_blank" rel="noopener noreferrer" {{ end }}> /{{.name }} </a> </p> |