feat: optimize label display style

Author: lan-yonghui

src/main.ts

@@ -105,7 +105,6 @@ export function readTime(){
 const onScrollToTop = () => {
   const backToTop = document.getElementById("back-to-top");
   const backToDown = document.getElementById("back-to-down");
-  console.log(window.scrollY)
   if (window.scrollY < 100) {
     backToTop?.classList.add("hidden");
     backToDown?.classList.add("hidden");

templates/assets/dist/main.iife.js

@@ -28,8 +28,8 @@
         th:each="tag : ${post.tags}"
         th:href="@{${tag.status.permalink}}"
         th:title="${tag.spec.displayName}"
-        th:text="'#'+${tag.spec.displayName}"
-        class="cursor-pointer text-sm text-zinc-600 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-zinc-500"
+        th:text="${tag.spec.displayName}"
+        class="cursor-pointer text-sm underline text-zinc-600 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-zinc-500"
       >
       </a>
     </div>

templates/assets/dist/style.css

@@ -41,8 +41,8 @@
         th:each="tag : ${post.tags}"
         th:href="@{${tag.status.permalink}}"
         th:title="${tag.spec.displayName}"
-        th:text="'#'+${tag.spec.displayName}"
-        class="cursor-pointer text-sm text-zinc-600 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-zinc-500"
+        th:text="${tag.spec.displayName}"
+        class="cursor-pointer text-sm underline text-zinc-600 hover:text-zinc-900 dark:text-zinc-400 dark:hover:text-zinc-500"
       >
       </a>
     </div>

templates/modules/featured-post-card.html

@@ -8,10 +8,10 @@ <h2 class="inline-flex items-center gap-2 text-base text-zinc-900 dark:text-zinc
       th:each="tagItem,tagStat: ${tags}"
       th:href="@{${tagItem.status.permalink}}"
       th:title="${tagItem.spec.displayName}"
-      class="rounded bg-gray-100 px-1 py-0.5 text-sm text-zinc-900 hover:bg-gray-200 dark:bg-zinc-600 dark:text-zinc-50 dark:hover:bg-zinc-700 dark:hover:text-zinc-100"
+      class="rounded bg-gray-100 px-1 py-0.5 text-sm hover:underline hover:bg-gray-200 dark:bg-zinc-600 dark:text-zinc-50 dark:hover:bg-zinc-700 dark:hover:text-zinc-100"
       th:classappend="(${tag} and ${tag.metadata.name == tagItem.metadata.name}) or (not ${tag} and ${tagStat.index == 0}) ? '!bg-gray-200 dark:!bg-zinc-700 dark:!text-zinc-100 ring-2 ring-gray-300 dark:ring-zinc-600' : ''"
     >
-      <th:block th:text="'#'+${tagItem.spec.displayName}" />
+      <th:block th:text="${tagItem.spec.displayName}" />
       <sup th:text="${tagItem.status.visiblePostCount}"></sup>
     </a>
   </div>

templates/modules/post-card.html

@@ -19,10 +19,10 @@ <h2 class="inline-flex items-center gap-2 text-lg dark:text-zinc-50">
       th:each="tagItem : ${tags}"
       th:href="@{${tagItem.status.permalink}}"
       th:title="${tagItem.spec.displayName}"
-      class="rounded bg-zinc-100 px-1 py-0.5 text-sm text-zinc-900 hover:bg-zinc-200 dark:bg-zinc-600 dark:text-zinc-50 dark:hover:bg-zinc-700 dark:hover:text-zinc-100"
+      class="rounded bg-zinc-100 px-1 py-0.5 text-sm hover:bg-zinc-200 dark:bg-zinc-600 dark:text-zinc-50 dark:hover:bg-zinc-700 dark:hover:text-zinc-100"
       th:classappend="(${tag} and ${tag.metadata.name == tagItem.metadata.name}) ? '!bg-gray-200 dark:!bg-zinc-700 dark:!text-zinc-100 ring-2 ring-gray-300 dark:ring-zinc-600' : ''"
     >
-      <th:block th:text="'#'+${tagItem.spec.displayName}" />
+      <th:block th:text="${tagItem.spec.displayName}" />
       <sup th:text="${tagItem.status.visiblePostCount}"></sup>
     </a>
   </div>