feat: mouse cursor style (#96)

src/components/column/card.tsx

@@ -236,7 +236,7 @@ function NewsListHot({ items }: { items: NewsItem[] }) {
           key={item.id}
           title={item.extra?.hover}
           className={$(
-            "flex gap-2 items-center items-stretch relative",
+            "flex gap-2 items-center items-stretch relative cursor-pointer [&_*]:cursor-pointer transition-all",
             "hover:bg-neutral-400/10 rounded-md pr-1 visited:(text-neutral-400)",
           )}
         >
@@ -274,7 +274,10 @@ function NewsListTimeLine({ items }: { items: NewsItem[] }) {
             </span>
           </span>
           <a
-            className={$("ml-2 px-1 hover:bg-neutral-400/10 rounded-md visited:(text-neutral-400/80)")}
+            className={$(
+              "ml-2 px-1 hover:bg-neutral-400/10 rounded-md visited:(text-neutral-400/80)",
+              "cursor-pointer [&_*]:cursor-pointer transition-all",
+            )}
             href={width < 768 ? item.mobileUrl || item.url : item.url}
             title={item.extra?.hover}
             target="_blank"

src/components/header/menu.tsx

@@ -3,7 +3,7 @@ import { motion } from "framer-motion"
 function ThemeToggle() {
   const { isDark, toggleDark } = useDark()
   return (
-    <li onClick={toggleDark}>
+    <li onClick={toggleDark} className="cursor-pointer [&_*]:cursor-pointer transition-all">
       <span className={$("inline-block", isDark ? "i-ph-moon-stars-duotone" : "i-ph-sun-dim-duotone")} />
       <span>
         {isDark ? "浅色模式" : "深色模式"}
@@ -65,7 +65,7 @@ export function Menu() {
                     </li>
                   ))}
               <ThemeToggle />
-              <li onClick={() => window.open(Homepage)}>
+              <li onClick={() => window.open(Homepage)} className="cursor-pointer [&_*]:cursor-pointer transition-all">
                 <span className="i-ph:github-logo-duotone inline-block" />
                 <span>Star on Github </span>
               </li>

src/components/navbar.tsx

@@ -16,6 +16,7 @@ export function NavBar() {
         onClick={() => toggle(true)}
         className={$(
           "px-2 hover:(bg-primary/10 rounded-md) op-70 dark:op-90",
+          "cursor-pointer transition-all",
         )}
       >
         更多
@@ -26,7 +27,7 @@ export function NavBar() {
           to="/c/$column"
           params={{ column: columnId }}
           className={$(
-            "px-2 hover:(bg-primary/10 rounded-md)",
+            "px-2 hover:(bg-primary/10 rounded-md) cursor-pointer transition-all",
             currentId === columnId ? "color-primary font-bold" : "op-70 dark:op-90",
           )}
         >

uno.config.ts

@@ -33,7 +33,7 @@ export default defineConfig({
   shortcuts: {
     "color-base": "color-neutral-800 dark:color-neutral-300",
     "bg-base": "bg-zinc-200 dark:bg-dark-600",
-    "btn": "op50 hover:op85",
+    "btn": "op50 hover:op85 cursor-pointer transition-all",
   },
   safelist: [
     ...["orange", ...new Set(Object.values(sources).map(k => k.color))].map(k =>