fankes/komari-theme-purcarte
2
0
Fork 0
mirror of https://github.com/fankes/komari-theme-purcarte.git synced 2025-10-19 03:49:22 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: 调整流量显示为强制不换行

Browse Source
This commit is contained in:
Montia37
2025-08-15 23:42:12 +08:00
parent 910f74b96d
commit c21942f739
3 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
komari-theme.json
View File

@@ -2,7 +2,7 @@
"name": "Komari Theme PurCart", "name": "Komari Theme PurCart",
"short": "PurCarte", "short": "PurCarte",
"description": "A frosted glass theme for Komari", "description": "A frosted glass theme for Komari",
"version": "1.0.3", "version": "1.0.4",
"author": "Montia & Gemini", "author": "Montia & Gemini",
"url": "https://github.com/Montia37/Komari-theme-purcarte", "url": "https://github.com/Montia37/Komari-theme-purcarte",
"preview": "preview.png", "preview": "preview.png",

8
src/components/sections/NodeCard.tsx
View File

@@ -145,9 +145,9 @@ export const NodeCard = ({ node }: NodeCardProps) => {
</div> </div>
</div> </div>
<div className="flex items-center justify-between text-xs"> <div className="flex items-center justify-between text-xs">
<span className="text-secondary-foreground w-1/4">流量</span> <span className="text-secondary-foreground w-1/5">流量</span>
<div className="flex items-center justify-between w-3/4"> <div className="flex items-center justify-between w-4/5">
<div className="flex items-center justify-center w-1/3"> <div className="flex items-center w-1/4">
{node.traffic_limit !== 0 && isOnline && stats && ( {node.traffic_limit !== 0 && isOnline && stats && (
<CircleProgress <CircleProgress
value={trafficPercentage} value={trafficPercentage}
@@ -158,7 +158,7 @@ export const NodeCard = ({ node }: NodeCardProps) => {
/> />
)} )}
</div> </div>
<div className="w-2/3 text-right"> <div className="w-3/4 text-right text-nowrap">
<div> <div>
<span> <span>
↑ {stats ? formatBytes(stats.network.totalUp) : "N/A"} ↑ {stats ? formatBytes(stats.network.totalUp) : "N/A"}

7
src/components/sections/NodeListItem.tsx
View File

@@ -93,9 +93,9 @@ export const NodeListItem = ({ node }: NodeListItemProps) => {
<div>↓ {stats ? formatBytes(stats.network.down, true) : "N/A"}</div> <div>↓ {stats ? formatBytes(stats.network.down, true) : "N/A"}</div>
</div> </div>
<div className="col-span-2"> <div className="col-span-2">
<div className="flex items-center justify-around"> <div className="flex items-center justify-around text-nowrap">
{node.traffic_limit !== 0 && isOnline && stats && ( {node.traffic_limit !== 0 && isOnline && stats && (
<div className="flex items-center"> <div className="flex items-center justify-center w-1/4">
<CircleProgress <CircleProgress
value={trafficPercentage} value={trafficPercentage}
maxValue={100} maxValue={100}
@@ -105,7 +105,8 @@ export const NodeListItem = ({ node }: NodeListItemProps) => {
/> />
</div> </div>
)} )}
<div className={node.traffic_limit !== 0 ? "w-2/3" : "w-full"}> <div
className={node.traffic_limit !== 0 ? "w-3/4 text-left" : "w-full"}>
<div> <div>
<span> <span>
↑ {stats ? formatBytes(stats.network.totalUp) : "N/A"} ↑ {stats ? formatBytes(stats.network.totalUp) : "N/A"}