diff options
author | Wang Chucheng <me@wangchucheng.com> | 2021-01-21 19:23:44 +0300 |
---|---|---|
committer | Wang Chucheng <me@wangchucheng.com> | 2021-01-21 19:23:44 +0300 |
commit | ebe380dfee5f2102170c4c3bd2068db800dba164 (patch) | |
tree | a2b14f91d606e6d6908c3c96aa388ae80b051551 /layouts/partials | |
parent | 90e7ee3b8c4452a649d6d6b2d5e1f1ec043acb3f (diff) |
style: add top border to selected menu itemv0.5.0
Diffstat (limited to 'layouts/partials')
-rw-r--r-- | layouts/partials/header.html | 7 |
1 files changed, 3 insertions, 4 deletions
diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 1398a64..eaf53d5 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -14,7 +14,7 @@ } {{- end }} </script> -<nav class="flex items-center justify-between flex-wrap p-4"> +<nav class="flex items-center justify-between flex-wrap px-4 py-4 md:py-0"> <a href="{{ "/" | relLangURL }}" class="mr-6 text-primary-text text-xl font-bold">{{ .Site.Title }}</a> <button id="navbar-btn" class="md:hidden flex items-center px-3 py-2" aria-label="Open Navbar"> <i class="fas fa-bars"></i> @@ -22,12 +22,11 @@ <div id="target" class="hidden block md:flex md:flex-grow md:justify-between md:items-center w-full md:w-auto text-primary-text z-20"> - <div class="text-sm md:flex-grow pb-4 md:pb-0 border-b md:border-b-0"> + <div class="md:flex md:h-16 text-sm md:flex-grow pb-4 md:pb-0 border-b md:border-b-0"> {{- $relPermalink := .RelPermalink }} {{- range .Site.Menus.main }} {{- $url := .URL | relLangURL }} - <a href="{{ $url }}" - class="block mt-4 md:inline-block md:mt-0 {{ if hasPrefix $relPermalink $url }} text-eureka {{ end }} hover:text-eureka mr-4">{{ .Name }}</a> + <a href="{{ $url }}" class="block mt-4 md:inline-block md:mt-0 md:h-(16-4px) md:leading-(16-4px) box-border md:border-t-2 md:border-b-2 {{ if hasPrefix $relPermalink $url }} selected-menu-item {{ else }} border-transparent {{ end }} mr-4">{{ .Name }}</a> {{- end }} </div> |