From d20362e722ae6efe682007e7eea377a4689e8484 Mon Sep 17 00:00:00 2001
From: Johnny <yourselfhosted@gmail.com>
Date: Mon, 2 Jun 2025 10:20:11 +0800
Subject: [PATCH] chore: tweak stat card

---
 web/src/components/StatisticsView/StatCard.tsx       |  4 ++--
 web/src/components/StatisticsView/StatisticsView.tsx | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/web/src/components/StatisticsView/StatCard.tsx b/web/src/components/StatisticsView/StatCard.tsx
index 7a2c6747..1536ab34 100644
--- a/web/src/components/StatisticsView/StatCard.tsx
+++ b/web/src/components/StatisticsView/StatCard.tsx
@@ -14,9 +14,9 @@ export const StatCard = ({ icon, label, count, onClick, tooltip, className }: St
     >
       <div className="w-auto flex justify-start items-center mr-1">
         {icon}
-        <span className="block text-xs opacity-80">{label}</span>
+        <span className="block text-sm opacity-80">{label}</span>
       </div>
-      <span className="text-xs truncate opacity-80">{count}</span>
+      <span className="text-sm truncate opacity-80">{count}</span>
     </div>
   );
 
diff --git a/web/src/components/StatisticsView/StatisticsView.tsx b/web/src/components/StatisticsView/StatisticsView.tsx
index 1ea4b81d..8b43892d 100644
--- a/web/src/components/StatisticsView/StatisticsView.tsx
+++ b/web/src/components/StatisticsView/StatisticsView.tsx
@@ -49,7 +49,7 @@ const StatisticsView = observer(() => {
       <div className="pt-1 w-full flex flex-row justify-start items-center gap-1 flex-wrap">
         {isRootPath && hasPinnedMemos && (
           <StatCard
-            icon={<BookmarkIcon className="w-3 h-auto mr-1 opacity-70" />}
+            icon={<BookmarkIcon className="w-4 h-auto mr-1 opacity-70" />}
             label={t("common.pinned")}
             count={userStore.state.currentUserStats!.pinnedMemos.length}
             onClick={() => handleFilterClick("pinned")}
@@ -57,7 +57,7 @@ const StatisticsView = observer(() => {
         )}
 
         <StatCard
-          icon={<LinkIcon className="w-3 h-auto mr-1 opacity-70" />}
+          icon={<LinkIcon className="w-4 h-auto mr-1 opacity-70" />}
           label={t("memo.links")}
           count={memoTypeStats.linkCount}
           onClick={() => handleFilterClick("property.hasLink")}
@@ -66,9 +66,9 @@ const StatisticsView = observer(() => {
         <StatCard
           icon={
             memoTypeStats.undoCount > 0 ? (
-              <ListTodoIcon className="w-3 h-auto mr-1 opacity-70" />
+              <ListTodoIcon className="w-4 h-auto mr-1 opacity-70" />
             ) : (
-              <CheckCircleIcon className="w-3 h-auto mr-1 opacity-70" />
+              <CheckCircleIcon className="w-4 h-auto mr-1 opacity-70" />
             )
           }
           label={t("memo.to-do")}
@@ -88,7 +88,7 @@ const StatisticsView = observer(() => {
         />
 
         <StatCard
-          icon={<Code2Icon className="w-3 h-auto mr-1 opacity-70" />}
+          icon={<Code2Icon className="w-4 h-auto mr-1 opacity-70" />}
           label={t("memo.code")}
           count={memoTypeStats.codeCount}
           onClick={() => handleFilterClick("property.hasCode")}