chore: tweak stat card

pull/4745/head v0.24.4
Johnny 1 month ago
parent 1594c1ce3e
commit d20362e722

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

@ -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")}

Loading…
Cancel
Save