💄 Minor style tweaks to improve consistency

This commit is contained in:
James Panther
2022-01-19 10:25:48 +11:00
parent ce75bc1179
commit 0f34dcfa05
11 changed files with 78 additions and 83 deletions
+16 -4
View File
@@ -6,8 +6,14 @@
<span>
{{ if .NextInSection }}
<a class="flex" href="{{ .NextInSection.RelPermalink }}">
<span class="mr-3 ltr:inline rtl:hidden article-pagination-direction">&larr;</span>
<span class="ml-3 ltr:hidden rtl:inline article-pagination-direction">&rarr;</span>
<span
class="mr-3 ltr:inline rtl:hidden article-pagination-direction text-neutral-700 dark:text-neutral"
>&larr;</span
>
<span
class="ml-3 ltr:hidden rtl:inline article-pagination-direction text-neutral-700 dark:text-neutral"
>&rarr;</span
>
<span class="flex flex-col">
<span class="article-pagination-title mt-[0.1rem] leading-6"
>{{ .NextInSection.Title | emojify }}</span
@@ -34,8 +40,14 @@
{{ end }}
</span>
</span>
<span class="ml-3 ltr:inline rtl:hidden article-pagination-direction">&rarr;</span>
<span class="mr-3 ltr:hidden rtl:inline article-pagination-direction">&larr;</span>
<span
class="ml-3 ltr:inline rtl:hidden article-pagination-direction text-neutral-700 dark:text-neutral"
>&rarr;</span
>
<span
class="mr-3 ltr:hidden rtl:inline article-pagination-direction text-neutral-700 dark:text-neutral"
>&larr;</span
>
</a>
{{ end }}
</span>
+8 -4
View File
@@ -40,18 +40,22 @@
{{ end }}
</div>
{{/* Dark mode toggle */}}
{{ if and (.Site.Params.darkToggle | default false) (eq (.Site.Params.darkMode | default "auto") "auto") }}
<div class="text-sm cursor-pointer text-neutral-400 dark:text-neutral-500">
{{ if and (.Site.Params.showDarkToggle | default false) (eq (.Site.Params.darkMode | default "auto") "auto") }}
<div
class="text-sm cursor-pointer text-neutral-700 dark:text-neutral hover:text-primary-600 dark:hover:text-primary-400 {{ if .Site.Params.showScrollToTop | default true -}}
ltr:mr-14 rtl:ml-14
{{- end }}"
>
<button
id="dark-toggle"
class="inline px-3 py-2 border rounded-md border-neutral-200 dark:hidden hover:text-primary-500 hover:border-primary-400"
class="inline w-12 h-12 dark:hidden"
title="{{ i18n "footer.dark_appearance" }}"
>
{{ partial "icon.html" "moon" }}
</button>
<button
id="light-toggle"
class="hidden px-3 py-2 border rounded-md cursor-pointer dark:inline border-neutral-700 hover:text-primary-400 hover:border-primary-500"
class="hidden w-12 h-12 cursor-pointer dark:inline"
title="{{ i18n "footer.light_appearance" }}"
>
{{ partial "icon.html" "sun" }}
+1 -1
View File
@@ -48,7 +48,7 @@
>
<button
id="search-button"
class="text-base hover:text-neutral-600 dark:hover:text-neutral-300"
class="text-base hover:text-primary-600 dark:hover:text-primary-400"
title="{{ i18n "search.open_button_title" }}"
>
{{ partial "icon.html" "search" }}
+1 -1
View File
@@ -27,7 +27,7 @@
</form>
<button
id="close-search-button"
class="flex items-center justify-center w-8 h-8 text-neutral-600"
class="flex items-center justify-center w-8 h-8 text-neutral-700 dark:text-neutral hover:text-primary-600 dark:hover:text-primary-400"
title="{{ i18n "search.close_button_title" }}"
>
{{ partial "icon.html" "times" }}