YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: tweak stat card

Browse Source
This commit is contained in:
Johnny
2025-06-02 10:20:11 +08:00
parent 1594c1ce3e
commit d20362e722
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web/src/components/StatisticsView/StatCard.tsx
View File

@@ -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"> <div className="w-auto flex justify-start items-center mr-1">
{icon} {icon}
<span className="block text-xs opacity-80">{label}</span> <span className="block text-sm opacity-80">{label}</span>
</div> </div>
<span className="text-xs truncate opacity-80">{count}</span> <span className="text-sm truncate opacity-80">{count}</span>
</div> </div>
); );

10
web/src/components/StatisticsView/StatisticsView.tsx
View File

@@ -49,7 +49,7 @@ const StatisticsView = observer(() => {
<div className="pt-1 w-full flex flex-row justify-start items-center gap-1 flex-wrap"> <div className="pt-1 w-full flex flex-row justify-start items-center gap-1 flex-wrap">
{isRootPath && hasPinnedMemos && ( {isRootPath && hasPinnedMemos && (
<StatCard <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")} label={t("common.pinned")}
count={userStore.state.currentUserStats!.pinnedMemos.length} count={userStore.state.currentUserStats!.pinnedMemos.length}
onClick={() => handleFilterClick("pinned")} onClick={() => handleFilterClick("pinned")}
@@ -57,7 +57,7 @@ const StatisticsView = observer(() => {
)} )}
<StatCard <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")} label={t("memo.links")}
count={memoTypeStats.linkCount} count={memoTypeStats.linkCount}
onClick={() => handleFilterClick("property.hasLink")} onClick={() => handleFilterClick("property.hasLink")}
@@ -66,9 +66,9 @@ const StatisticsView = observer(() => {
<StatCard <StatCard
icon={ icon={
memoTypeStats.undoCount > 0 ? ( 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")} label={t("memo.to-do")}
@@ -88,7 +88,7 @@ const StatisticsView = observer(() => {
/> />
<StatCard <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")} label={t("memo.code")}
count={memoTypeStats.codeCount} count={memoTypeStats.codeCount}
onClick={() => handleFilterClick("property.hasCode")} onClick={() => handleFilterClick("property.hasCode")}