chore: tweak stat card

Author: johnnyjoygh

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>
   );
 

web/src/components/StatisticsView/StatisticsView.tsx

@@ -49,15 +49,15 @@ 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")}
           />
         )}
 
         <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")}