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">
<a class="flex items-center">
<a class="flex items-center hover:text-primary-600 dark:hover:text-primary-400">
{{ if .Pre }}
<span {{ if and .Pre .Name}} class="mr-1" {{ end }}>
{{ partial "icon.html" .Pre }}
</span>
{{ 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 }}
</p>
<span>
@ -16,13 +16,13 @@
{{ range .Children }}
<li class="mt-1">
<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 }}
<span {{ if and .Pre .Name}} class="mr-1" {{ end }}>
{{ partial "icon.html" .Pre }}
</span>
{{ 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 }}
</p>
</a>

View file

@ -1,12 +1,12 @@
<li class="mt-1">
<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 }}
<div {{ if and .Pre .Name}} class="mr-2" {{ end }}>
{{ partial "icon.html" .Pre }}
</div>
{{ 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 }}
</p>
</a>

View file

@ -6,7 +6,7 @@
</span>
{{ end }}
<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 }}
</a>
<span>
@ -18,13 +18,13 @@
<div class="flex flex-col space-y-3">
{{ range .Children }}
<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 }}
<span {{ if and .Pre .Name}} class="mr-1" {{ end }}>
{{ partial "icon.html" .Pre }}
</span>
{{ 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 }}
</p>
</a>

View file

@ -1,11 +1,11 @@
<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 }}
<span {{ if and .Pre .Name}} class="mr-1" {{ end }}>
{{ partial "icon.html" .Pre }}
</span>
{{ 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 }}
</p>
</a>