remove identifier, underline when click
This commit is contained in:
parent
0b5ae2f278
commit
353320530e
3 changed files with 4 additions and 7 deletions
|
@ -4,8 +4,7 @@ theme: mir
|
|||
|
||||
menus:
|
||||
main:
|
||||
- identifier: contact
|
||||
name: Contact
|
||||
- name: Contact
|
||||
url: /contact/
|
||||
weight: 1
|
||||
disableKinds:
|
||||
|
|
|
@ -5,11 +5,9 @@
|
|||
alt="{{ .Params.logoAlt }}" src="{{ .Params.logo }}" loading="lazy" /></a>
|
||||
<nav class="place-self-center h-8 flex justify-end gap-4 text-[#464f6d] pr-0 sm:pr-6">
|
||||
{{ range .Site.Menus.main }}
|
||||
<a class="relative inline-block p-2 -translate-y-2 uppercase text-lg font-semibold py-2 text-gray-900 overflow-hidden group" href="{{ .URL }}"
|
||||
aria-label="{{ .Identifier }}">
|
||||
<a class="active:underline decoration-2 focus:underline uppercase text-lg font-semibold text-gray-900 overflow-hidden group"
|
||||
href="{{ .URL }}">
|
||||
{{ $text := print .Name | safeHTML }} {{ $text }}
|
||||
<span
|
||||
class="absolute inset-0 h-7 translate-y-3 bg-[#d8e2f3] transition-transform duration-300 transform -translate-x-full group-hover:translate-x-0 z-[-1]"></span>
|
||||
</a>
|
||||
{{ end }}
|
||||
</nav>
|
||||
|
|
2
themes/mir/static/css/tailwind.min.css
vendored
2
themes/mir/static/css/tailwind.min.css
vendored
File diff suppressed because one or more lines are too long
Loading…
Add table
Reference in a new issue