From c2f814fb88bf669f6a576ab0d9b44b5267b6b01d Mon Sep 17 00:00:00 2001
From: Ou <orongxing@gmail.com>
Date: Sun, 24 Nov 2024 23:53:23 +0800
Subject: [PATCH] feat: optimize ui, but minor

---
 src/components/column/card.tsx | 8 ++++----
 src/components/header/menu.tsx | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/column/card.tsx b/src/components/column/card.tsx
index df0b7aa..0b0e314 100644
--- a/src/components/column/card.tsx
+++ b/src/components/column/card.tsx
@@ -109,7 +109,7 @@ function NewsCard({ id, setHandleRef }: NewsCardProps) {
       <div className={$("flex justify-between mx-2 mt-0 mb-2 items-center")}>
         <div className="flex gap-2 items-center">
           <a
-            className={$("w-8 h-8 rounded-full bg-cover hover:animate-spin")}
+            className={$("w-8 h-8 rounded-full bg-cover")}
             target="_blank"
             href={sources[id].home}
             title={sources[id].desc}
@@ -228,7 +228,7 @@ function NewsUpdatedTime({ date }: { date: string | number }) {
 function NewsListHot({ items }: { items: NewsItem[] }) {
   const { width } = useWindowSize()
   return (
-    <>
+    <ol className="flex flex-col gap-2">
       {items?.map((item, i) => (
         <a
           href={width < 768 ? item.mobileUrl || item.url : item.url}
@@ -236,7 +236,7 @@ function NewsListHot({ items }: { items: NewsItem[] }) {
           key={item.id}
           title={item.extra?.hover}
           className={$(
-            "flex gap-2 items-center mb-2 items-stretch relative",
+            "flex gap-2 items-center items-stretch relative",
             "hover:bg-neutral-400/10 rounded-md pr-1 visited:(text-neutral-400)",
           )}
         >
@@ -254,7 +254,7 @@ function NewsListHot({ items }: { items: NewsItem[] }) {
           </span>
         </a>
       ))}
-    </>
+    </ol>
   )
 }
 
diff --git a/src/components/header/menu.tsx b/src/components/header/menu.tsx
index afc75cd..6f80daf 100644
--- a/src/components/header/menu.tsx
+++ b/src/components/header/menu.tsx
@@ -36,7 +36,7 @@ export function Menu() {
         }
       </span>
       {shown && (
-        <div className="absolute right-0 z-99 bg-transparent pt-8 top-0">
+        <div className="absolute right-0 z-99 bg-transparent pt-4 top-4">
           <motion.div
             id="dropdown-menu"
             className={$([