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

style: better inline card

Browse Source
This commit is contained in:
hamster1963 2024-12-01 19:09:13 +08:00
parent 88b264be69
commit 188de26f95
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/ServerCardInline.tsx
View File

@ -84,7 +84,7 @@ export default function ServerCardInline({
</div> </div>
</div> </div>
</div> </div>
<div className={"flex w-14 flex-col"}> <div className={"flex w-20 flex-col"}>
<p className="text-xs text-muted-foreground"> <p className="text-xs text-muted-foreground">
{t("serverCard.uptime")} {t("serverCard.uptime")}
</p> </p>
@ -117,7 +117,7 @@ export default function ServerCardInline({
</div> </div>
<ServerUsageBar value={stg} /> <ServerUsageBar value={stg} />
</div> </div>
<div className={"flex w-14 flex-col"}> <div className={"flex w-16 flex-col"}>
<p className="text-xs text-muted-foreground"> <p className="text-xs text-muted-foreground">
{t("serverCard.upload")} {t("serverCard.upload")}
</p> </p>
@ -127,7 +127,7 @@ export default function ServerCardInline({
: `${up.toFixed(2)}M/s`} : `${up.toFixed(2)}M/s`}
</div> </div>
</div> </div>
<div className={"flex w-14 flex-col"}> <div className={"flex w-16 flex-col"}>
<p className="text-xs text-muted-foreground"> <p className="text-xs text-muted-foreground">
{t("serverCard.download")} {t("serverCard.download")}
</p> </p>
@ -137,7 +137,7 @@ export default function ServerCardInline({
: `${down.toFixed(2)}M/s`} : `${down.toFixed(2)}M/s`}
</div> </div>
</div> </div>
<div className={"flex flex-col"}> <div className={"flex w-20 flex-col"}>
<p className="text-xs text-muted-foreground"> <p className="text-xs text-muted-foreground">
{t("serverCard.totalUpload")} {t("serverCard.totalUpload")}
</p> </p>
@ -145,7 +145,7 @@ export default function ServerCardInline({
{formatBytes(serverInfo.state.net_out_transfer)} {formatBytes(serverInfo.state.net_out_transfer)}
</div> </div>
</div> </div>
<div className={"flex flex-col"}> <div className={"flex w-20 flex-col"}>
<p className="text-xs text-muted-foreground"> <p className="text-xs text-muted-foreground">
{t("serverCard.totalDownload")} {t("serverCard.totalDownload")}
</p> </p>