🐛 Add additional markup to multilingual links

Fixes #298
2026-07-20 18:01:36 -04:00 · 2022-11-08 13:15:58 +11:00
parent ce6e2999e7
commit c630e69e32
4 changed files with 12 additions and 5 deletions
@@ -1,7 +1,13 @@
 {{ if .IsTranslated }}
-  <div class="inline">
+  <ul class="flex flex-row list-none">
    {{ range .AllTranslations }}
-      <a href="{{ .RelPermalink }}">{{ .Language.Params.displayName | emojify }}</a>
+      <li class="ml-2">
+        <a
+          href="{{ .RelPermalink }}"
+          class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"
+          >{{ .Language.Params.displayName | emojify }}</a
+        >
+      </li>
    {{ end }}
-  </div>
+  </ul>
 {{ end }}