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

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