style: 样式优化

wanghao1993 · Sep 4, 2024 · 292c571 · 292c571
1 parent 4d3b805
commit 292c571
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/components/Article/ArticleItem.tsx b/components/Article/ArticleItem.tsx
@@ -6,7 +6,6 @@ export default function ArticleItem(data: { articleInfo: Post }) {
   return (
     <div className="border rounded-lg">
       <div className="p-4">
-        {/* title */}
         <Link
           href={`/blog/${articleInfo.key}`}
           className="horizontal-underline horizontal-underline-active "
@@ -27,21 +26,21 @@ export default function ArticleItem(data: { articleInfo: Post }) {
         {data.articleInfo.description}
       </p>
       <div className="py-1 rounded-full text-xs font-medium m-4 flex">
-        <div>
+        <div className="flex flex-wrap items-center">
           {data.articleInfo.categories &&
             data.articleInfo.categories.split(",").map((item) => (
               <Link
                 key={item}
                 href={`blog/category/${item}`}
-                className="px-2 mr-1 rounded-lg bg-primary-500 text-white"
+                className="px-2 mr-1 rounded-lg bg-primary-500 text-white min-w-10"
               >
                 {item}
               </Link>
             ))}
         </div>
 
         <Divider type="vertical" />
-        <div>
+        <div className="flex flex-wrap space-y-2 items-baseline">
           {data.articleInfo.tags &&
             data.articleInfo.tags.split(",").map((item) => (
               <Link