refactor: enhance some details on header and footer

3 files changed, 7 insertions, 6 deletions

diff --git a/layouts/_partials/footer.html b/layouts/_partials/footer.html
index e4cfa803..0698d5ab 100644
--- a/layouts/_partials/footer.html
+++ b/layouts/_partials/footer.html
@@ -13,7 +13,7 @@
         <ul class="list-none flex gap-1 ps-0 my-2 mx-0 md:justify-end">
             {{ range .Site.Params.footerInternalLinks }}
             <li><a href="{{ .link }}" title="{{ .name }}">{{ .name }}</a></li>
-            <li class="text-secondary last:hidden ml-1">/</li>
+            <li class="text-secondary last:hidden">·</li>
             {{ end }}
             <li class="inline-flex items-center">
                 {{ if eq .Site.Language.Lang "en" }}
diff --git a/layouts/_partials/header.html b/layouts/_partials/header.html
index 754bbf2d..61b850e7 100644
--- a/layouts/_partials/header.html
+++ b/layouts/_partials/header.html
@@ -9,11 +9,11 @@
     >
   </div>
   <!-- Navigation -->
-  <div class="flex justify-center items-center gap-3 pl-4">
+  <div class="flex justify-center items-center gap-3 pl-4 text-size-sm md:text-size-base">
       <nav class="my-4 flex justify-center items-center w-fit rounded-4 overflow-hidden">
         {{ range .Site.Params.nav }}
-        <a class="inline-block py-1 px-2 first:pl-3 last:pr-3
-            block hover:no-underline
+        <a class="inline-block py-1 px-[0.35rem] md:px-2 first:pl-3 last:pr-3
+            block hover:no-underline text-nowrap
             {{ if strings.Contains $.Page.RelPermalink .link }}
             text-[var(--text-color)] bg-[var(--block-background-color)]
             {{ else }}
diff --git a/layouts/_partials/home/home-nav.html b/layouts/_partials/home/home-nav.html
index 24d75221..cbeb034d 100644
--- a/layouts/_partials/home/home-nav.html
+++ b/layouts/_partials/home/home-nav.html
@@ -1,5 +1,6 @@
 <div id="home-nav">
-    <ul class="relative w-full ps-0 flex list-none gap-1">
+    <ul class="relative w-full ps-0 flex list-none gap-1
+        text-size-sm md:text-size-base">
         {{ partial "home/home-nav-item" (dict
             "text" (T "postNav.latest")
             "link" ""
@@ -19,7 +20,7 @@
                     (strings.HasPrefix $.Page.RelPermalink "/tags/"))
             ) }}
         {{ end }}
-        <li id="search-instruction" class="text-size-sm text-secondary ml-2">
+        <li id="search-instruction" class="cursor-pointer text-size-sm text-secondary ml-2">
             <span>{{ T "searchInstruction" }}</span>
         </li>
         <li class="absolute right-0 dark:invert">