Improve consistency in header's layout and size.

This commit is contained in:
MaikelChan 2024-02-11 13:37:19 +01:00
parent 664eea75f9
commit ab6738cd4d
No known key found for this signature in database
GPG key ID: B2CE398C279239EC

View file

@ -35,7 +35,7 @@
{{ partial "translations.html" . }} {{ partial "translations.html" . }}
{{ if .Site.Params.enableSearch | default false }} {{ if .Site.Params.enableSearch | default false }}
<button id="search-button" aria-label="Search" class="text-base hover:text-primary-600 dark:hover:text-primary-400 h-12" <button id="search-button" aria-label="Search" class="text-base hover:text-primary-600 dark:hover:text-primary-400"
title="{{ i18n " search.open_button_title" }}"> title="{{ i18n " search.open_button_title" }}">
{{ partial "icon.html" "search" }} {{ partial "icon.html" "search" }}
</button> </button>
@ -45,12 +45,12 @@
{{/* Appearance switch */}} {{/* Appearance switch */}}
{{ if .Site.Params.footer.showAppearanceSwitcher | default false }} {{ if .Site.Params.footer.showAppearanceSwitcher | default false }}
<div <div
class="{{ if .Site.Params.footer.showScrollToTop | default true -}} ltr:mr-14 rtl:ml-14 {{- end }} cursor-pointer text-sm text-neutral-700 hover:text-primary-600 dark:text-neutral dark:hover:text-primary-400"> class="{{ if .Site.Params.footer.showScrollToTop | default true -}} ltr:mr-14 rtl:ml-14 {{- end }} flex items-center">
<button id="appearance-switcher" aria-label="Dark mode switcher" type="button"> <button id="appearance-switcher" aria-label="Dark mode switcher" type="button" class="text-base hover:text-primary-600 dark:hover:text-primary-400">
<div class="flex items-center justify-center h-12 dark:hidden"> <div class="flex items-center justify-center dark:hidden">
{{ partial "icon.html" "moon" }} {{ partial "icon.html" "moon" }}
</div> </div>
<div class="items-center justify-center hidden h-12 dark:flex"> <div class="items-center justify-center hidden dark:flex">
{{ partial "icon.html" "sun" }} {{ partial "icon.html" "sun" }}
</div> </div>
</button> </button>
@ -58,7 +58,7 @@
{{ end }} {{ end }}
</nav> </nav>
<div class="flex md:hidden items-center space-x-5 md:ml-12"> <div class="flex md:hidden items-center space-x-5 md:ml-12 h-12">
<span></span> <span></span>
@ -73,11 +73,11 @@
{{/* Appearance switch */}} {{/* Appearance switch */}}
{{ if .Site.Params.footer.showAppearanceSwitcher | default false }} {{ if .Site.Params.footer.showAppearanceSwitcher | default false }}
<button id="appearance-switcher-mobile" aria-label="Dark mode switcher" type="button" style="margin-right:5px"> <button id="appearance-switcher-mobile" aria-label="Dark mode switcher" type="button" class="text-base hover:text-primary-600 dark:hover:text-primary-400" style="margin-right:5px">
<div class="flex items-center justify-center h-12 dark:hidden"> <div class="flex items-center justify-center dark:hidden">
{{ partial "icon.html" "moon" }} {{ partial "icon.html" "moon" }}
</div> </div>
<div class="items-center justify-center hidden h-12 dark:flex"> <div class="items-center justify-center hidden dark:flex">
{{ partial "icon.html" "sun" }} {{ partial "icon.html" "sun" }}
</div> </div>
</button> </button>