fix: 文章卡片分类点击效果

Mereithhh · Jul 26, 2022 · 9b172cf · 9b172cf
1 parent 9772e39
commit 9b172cf
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/packages/website/components/PostCard/index.tsx b/packages/website/components/PostCard/index.tsx
@@ -23,7 +23,8 @@ export default function (props: {
   top: number;
 }) {
   const iconSize = "16";
-  const iconClass = "mr-1 fill-gray-400 dark:text-dark";
+  const iconClass =
+    "mr-1 fill-gray-400 dark:text-dark group-hover:fill-gray-900 ";
   const dataPath = useMemo(() => {
     if (props.type == "about") {
       return "/about";
@@ -90,7 +91,7 @@ export default function (props: {
           </span>
 
           {props.type != "about" && (
-            <span className="inline-flex px-2 items-center">
+            <span className="inline-flex px-2 items-center group cursor-pointer">
               <span className={iconClass}>
                 <svg
                   viewBox="0 0 1024 1024"
@@ -107,7 +108,7 @@ export default function (props: {
                 </svg>
               </span>
               <Link href={`/category/${props.catelog}`}>
-                <a className="cursor-pointer hover:text-gray-900 dark:hover:text-dark-hover hover:font-medium transition-all">{`${props.catelog}`}</a>
+                <a className="cursor-pointer group-hover:text-gray-900 dark:hover:text-dark-hover hover:font-medium ">{`${props.catelog}`}</a>
               </Link>
             </span>
           )}

diff --git a/todo.md b/todo.md
@@ -6,8 +6,8 @@
 - [] 后台保存成功没得提示
 - [] 后台配置项精简必填
 - [] 主题色配置
-- 前台标题可点击
-- 后台查看文章地址不对。
+- [x] 前台标题可点击
+- [] 后台查看文章地址不对。
 
 2022-07-21