wood/nezha-dash-v1
1
0
Fork 0
mirror of https://github.com/woodchen-ink/nezha-dash-v1.git synced 2025-07-18 01:21:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

优化 ServerCard 组件，移除 CPU、内存和存储的百分比显示，简化界面信息，同时将上传和下载标签修改为简短形式，提升用户体验。

Browse Source
This commit is contained in:
wood chen 2025-06-20 11:03:42 +08:00
parent 4e3d24975c
commit dbe3725aaf
1 changed files with 2 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/ServerCard.tsx
View File

@ -383,9 +383,6 @@ export default function ServerCard({ now, serverInfo, cycleStats, groupName }: S
<Cpu className="size-[14px] mr-1 text-blue-500" /> <Cpu className="size-[14px] mr-1 text-blue-500" />
<span className="text-xs">CPU</span> <span className="text-xs">CPU</span>
</div> </div>
<span className={cn("text-xs font-bold", getColorClass(cpu))}>
{cpu.toFixed(0)}%
</span>
</div> </div>
<ServerUsageBar value={cpu} /> <ServerUsageBar value={cpu} />
{/* CPU信息 */} {/* CPU信息 */}
@ -428,9 +425,6 @@ export default function ServerCard({ now, serverInfo, cycleStats, groupName }: S
</div> </div>
<span className="text-xs">{t("serverCard.mem")}</span> <span className="text-xs">{t("serverCard.mem")}</span>
</div> </div>
<span className={cn("text-xs font-bold", getColorClass(mem))}>
{mem.toFixed(0)}%
</span>
</div> </div>
<ServerUsageBar value={mem} /> <ServerUsageBar value={mem} />
{/* 内存信息 */} {/* 内存信息 */}
@ -477,9 +471,6 @@ export default function ServerCard({ now, serverInfo, cycleStats, groupName }: S
<HardDrive className="size-[14px] mr-1 text-amber-500" /> <HardDrive className="size-[14px] mr-1 text-amber-500" />
<span className="text-xs">{t("serverCard.stg")}</span> <span className="text-xs">{t("serverCard.stg")}</span>
</div> </div>
<span className={cn("text-xs font-bold", getColorClass(stg))}>
{stg.toFixed(0)}%
</span>
</div> </div>
<ServerUsageBar value={stg} /> <ServerUsageBar value={stg} />
{/* 存储信息 */} {/* 存储信息 */}
@ -496,14 +487,14 @@ export default function ServerCard({ now, serverInfo, cycleStats, groupName }: S
<div className="flex justify-between items-center mb-1"> <div className="flex justify-between items-center mb-1">
<div className="flex items-center"> <div className="flex items-center">
<ArrowUp className="size-[14px] text-blue-500 mr-1" /> <ArrowUp className="size-[14px] text-blue-500 mr-1" />
<span className="text-xs">{t("serverCard.upload")}</span> <span className="text-xs">Up</span>
</div> </div>
<span className="text-xs font-medium">{formatSpeed(up)}</span> <span className="text-xs font-medium">{formatSpeed(up)}</span>
</div> </div>
<div className="flex justify-between items-center mt-2"> <div className="flex justify-between items-center mt-2">
<div className="flex items-center"> <div className="flex items-center">
<ArrowDown className="size-[14px] text-green-500 mr-1" /> <ArrowDown className="size-[14px] text-green-500 mr-1" />
<span className="text-xs">{t("serverCard.download")}</span> <span className="text-xs">Down</span>
</div> </div>
<span className="text-xs font-medium">{formatSpeed(down)}</span> <span className="text-xs font-medium">{formatSpeed(down)}</span>
</div> </div>