forked from drowl87/hextra_mirror
c74d44492e
* chore: migrate PostCSS configuration to v4 * chore: update dependencies in package.json and package-lock.json - Bump versions for autoprefixer, postcss, postcss-cli, prettier, and tailwindcss. - Remove unused dependencies to streamline the project. * chore: add @tailwindcss/postcss and update package-lock.json * fix: update import paths in CSS files for consistency * fix: change prefix from `hx-` to `hx:` * chore: migrate primary color theme variables to CSS * fix: remove unnecessary text decoration property from anchor styles in typography CSS * fix: update CSS styles for improved consistency and clarity across components * chore: clean up package.json and package-lock.json, remove unused dependencies, and update CSS imports for better organization * fix: bulk replace prefix `hx-` with `hx:` * fix: update tailwind css prefix * fix: styling consistent issues - steps counter fix in v4 - removed tailwind.css - update hr border colors - fix button cursor in v4 - fix border colors in various places * fix: update class prefixes for consistency in menu and sidebar components * fix: refine CSS classes and transitions for navbar and sidebar components - Updated hamburger menu styles for improved animation and structure. - Adjusted sidebar transition duration for smoother effects. - Standardized class prefixes for consistency across components. * fix: update border color in hero badge component for improved styling consistency * fix: update tab button cursor style for improved user interaction * chore: recompile css * fix: dark mode color not applied for before / after elements * fix: docs navigation * chore: recompile CSS * chore: update Tailwind CSS and PostCSS dependencies to version 4.0.17, recompile CSS, and add safelist * fix: typo in class name and add back decoration-from-font for typography a tags * fix: update class syntax for Tailwind CSS compatibility in mermaid code block
45 lines
2.2 KiB
HTML
45 lines
2.2 KiB
HTML
{{- $page := .context -}}
|
|
|
|
{{- $grow := .grow -}}
|
|
{{- $hideLabel := .hideLabel | default false -}}
|
|
|
|
{{- $changeLanguage := (T "changeLanguage") | default "Change language" -}}
|
|
|
|
{{- if hugo.IsMultilingual -}}
|
|
<div class="hx:flex hx:justify-items-start {{ if $grow }}hx:grow{{ end }}">
|
|
<button
|
|
title="{{ $changeLanguage }}"
|
|
data-state="closed"
|
|
class="language-switcher hx:cursor-pointer hx:h-7 hx:rounded-md hx:px-2 hx:text-left hx:text-xs hx:font-medium hx:text-gray-600 hx:transition-colors hx:dark:text-gray-400 hx:hover:bg-gray-100 hx:hover:text-gray-900 hx:dark:hover:bg-primary-100/5 hx:dark:hover:text-gray-50 hx:grow"
|
|
type="button"
|
|
aria-label="{{ $changeLanguage }}"
|
|
>
|
|
<div class="hx:flex hx:items-center hx:gap-2 hx:capitalize">
|
|
{{- partial "utils/icon" (dict "name" "globe-alt" "attributes" "height=12") -}}
|
|
{{- if not $hideLabel }}<span>{{ site.Language.LanguageName }}</span>{{ end -}}
|
|
</div>
|
|
</button>
|
|
<ul
|
|
class="language-options hx:hidden hx:z-20 hx:max-h-64 hx:overflow-auto hx:rounded-md hx:ring-1 hx:ring-black/5 hx:bg-white hx:py-1 hx:text-sm hx:shadow-lg hx:dark:ring-white/20 hx:dark:bg-neutral-800"
|
|
style="position: fixed; inset: auto auto 0px 0px; margin: 0px; min-width: 100px;"
|
|
>
|
|
{{ range site.Languages }}
|
|
{{ $link := partial "utils/lang-link" (dict "lang" .Lang "context" $page) }}
|
|
<li class="hx:flex hx:flex-col">
|
|
<a
|
|
href="{{ $link }}"
|
|
class="hx:text-gray-800 hx:dark:text-gray-100 hx:hover:bg-primary-50 hx:hover:text-primary-600 hx:hover:dark:bg-primary-500/10 hx:hover:dark:text-primary-600 hx:relative hx:cursor-pointer hx:whitespace-nowrap hx:py-1.5 hx:transition-colors hx:ltr:pl-3 hx:ltr:pr-9 hx:rtl:pr-3 hx:rtl:pl-9"
|
|
>
|
|
{{- .LanguageName -}}
|
|
{{- if eq .LanguageName site.Language.LanguageName -}}
|
|
<span class="hx:absolute hx:inset-y-0 hx:flex hx:items-center hx:ltr:right-3 hx:rtl:left-3">
|
|
{{- partial "utils/icon" (dict "name" "check" "attributes" "height=1em width=1em") -}}
|
|
</span>
|
|
{{- end -}}
|
|
</a>
|
|
</li>
|
|
{{ end -}}
|
|
</ul>
|
|
</div>
|
|
{{- end -}}
|