Menu items hover in the same way as search and dark mode switcher buttons.

This commit is contained in:
MaikelChan 2024-02-11 14:05:19 +01:00
parent ab6738cd4d
commit 393791265c
No known key found for this signature in database
GPG key ID: B2CE398C279239EC
4 changed files with 11 additions and 11 deletions

View file

@ -1,11 +1,11 @@
<li class="mt-1"> <li class="mt-1">
<a class="flex items-center"> <a class="flex items-center hover:text-primary-600 dark:hover:text-primary-400">
{{ if .Pre }} {{ if .Pre }}
<span {{ if and .Pre .Name}} class="mr-1" {{ end }}> <span {{ if and .Pre .Name}} class="mr-1" {{ end }}>
{{ partial "icon.html" .Pre }} {{ partial "icon.html" .Pre }}
</span> </span>
{{ end }} {{ end }}
<p class="text-bg font-bg text-gray-500 hover:text-gray-900" title="{{ .Title }}"> <p class="text-bg font-bg" title="{{ .Title }}">
{{ .Name | markdownify | emojify }} {{ .Name | markdownify | emojify }}
</p> </p>
<span> <span>
@ -16,13 +16,13 @@
{{ range .Children }} {{ range .Children }}
<li class="mt-1"> <li class="mt-1">
<a href="{{ .URL }}" {{ if or (strings.HasPrefix .URL "http:" ) (strings.HasPrefix .URL "https:" <a href="{{ .URL }}" {{ if or (strings.HasPrefix .URL "http:" ) (strings.HasPrefix .URL "https:"
) }} target="_blank" {{ end }} class="flex items-center"> ) }} target="_blank" {{ end }} class="flex items-center hover:text-primary-600 dark:hover:text-primary-400">
{{ if .Pre }} {{ if .Pre }}
<span {{ if and .Pre .Name}} class="mr-1" {{ end }}> <span {{ if and .Pre .Name}} class="mr-1" {{ end }}>
{{ partial "icon.html" .Pre }} {{ partial "icon.html" .Pre }}
</span> </span>
{{ end }} {{ end }}
<p class="text-sm font-small text-gray-500 hover:text-gray-900" title="{{ .Title }}"> <p class="text-sm font-small" title="{{ .Title }}">
{{ .Name | markdownify | emojify }} {{ .Name | markdownify | emojify }}
</p> </p>
</a> </a>

View file

@ -1,12 +1,12 @@
<li class="mt-1"> <li class="mt-1">
<a href="{{ .URL }}" {{ if or (strings.HasPrefix .URL "http:" ) (strings.HasPrefix .URL "https:" <a href="{{ .URL }}" {{ if or (strings.HasPrefix .URL "http:" ) (strings.HasPrefix .URL "https:"
) }} target="_blank" {{ end }} class="flex items-center"> ) }} target="_blank" {{ end }} class="flex items-center hover:text-primary-600 dark:hover:text-primary-400">
{{ if .Pre }} {{ if .Pre }}
<div {{ if and .Pre .Name}} class="mr-2" {{ end }}> <div {{ if and .Pre .Name}} class="mr-2" {{ end }}>
{{ partial "icon.html" .Pre }} {{ partial "icon.html" .Pre }}
</div> </div>
{{ end }} {{ end }}
<p class="text-bg font-bg text-gray-500 hover:text-gray-900" title="{{ .Title }}"> <p class="text-bg font-bg" title="{{ .Title }}">
{{ .Name | markdownify | emojify }} {{ .Name | markdownify | emojify }}
</p> </p>
</a> </a>

View file

@ -6,7 +6,7 @@
</span> </span>
{{ end }} {{ end }}
<a {{ if .URL }} href="{{ .URL }}" {{ if or (strings.HasPrefix .URL "http:" ) (strings.HasPrefix .URL "https:" ) }} <a {{ if .URL }} href="{{ .URL }}" {{ if or (strings.HasPrefix .URL "http:" ) (strings.HasPrefix .URL "https:" ) }}
target="_blank" {{ end }} {{ end }} class="text-base font-medium text-gray-500 hover:text-gray-900" title="{{ .Title }}"> target="_blank" {{ end }} {{ end }} class="text-base font-medium hover:text-primary-600 dark:hover:text-primary-400" title="{{ .Title }}">
{{ .Name | markdownify | emojify }} {{ .Name | markdownify | emojify }}
</a> </a>
<span> <span>
@ -18,13 +18,13 @@
<div class="flex flex-col space-y-3"> <div class="flex flex-col space-y-3">
{{ range .Children }} {{ range .Children }}
<a href="{{ .URL }}" {{ if or (strings.HasPrefix .URL "http:" ) (strings.HasPrefix .URL "https:" ) }} <a href="{{ .URL }}" {{ if or (strings.HasPrefix .URL "http:" ) (strings.HasPrefix .URL "https:" ) }}
target="_blank" {{ end }} class="flex items-center"> target="_blank" {{ end }} class="flex items-center hover:text-primary-600 dark:hover:text-primary-400">
{{ if .Pre }} {{ if .Pre }}
<span {{ if and .Pre .Name}} class="mr-1" {{ end }}> <span {{ if and .Pre .Name}} class="mr-1" {{ end }}>
{{ partial "icon.html" .Pre }} {{ partial "icon.html" .Pre }}
</span> </span>
{{ end }} {{ end }}
<p class="text-sm font-sm text-gray-500 hover:text-gray-900" title="{{ .Title }}"> <p class="text-sm font-sm" title="{{ .Title }}">
{{ .Name | markdownify | emojify }} {{ .Name | markdownify | emojify }}
</p> </p>
</a> </a>

View file

@ -1,11 +1,11 @@
<a href="{{ .URL }}" {{ if or (strings.HasPrefix .URL "http:" ) (strings.HasPrefix .URL "https:" ) }} target="_blank" {{ <a href="{{ .URL }}" {{ if or (strings.HasPrefix .URL "http:" ) (strings.HasPrefix .URL "https:" ) }} target="_blank" {{
end }} class="flex items-center"> end }} class="flex items-center hover:text-primary-600 dark:hover:text-primary-400">
{{ if .Pre }} {{ if .Pre }}
<span {{ if and .Pre .Name}} class="mr-1" {{ end }}> <span {{ if and .Pre .Name}} class="mr-1" {{ end }}>
{{ partial "icon.html" .Pre }} {{ partial "icon.html" .Pre }}
</span> </span>
{{ end }} {{ end }}
<p class="text-base font-medium text-gray-500 hover:text-gray-900" title="{{ .Title }}"> <p class="text-base font-medium" title="{{ .Title }}">
{{ .Name | markdownify | emojify }} {{ .Name | markdownify | emojify }}
</p> </p>
</a> </a>