fankes/komari-theme-purcarte
2
0
Fork 0
mirror of https://github.com/fankes/komari-theme-purcarte.git synced 2025-10-18 19:39: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",
"short": "PurCarte",
"description": "A frosted glass theme for Komari",
"version": "1.0.3",
"version": "1.0.4",
"author": "Montia & Gemini",
"url": "https://github.com/Montia37/Komari-theme-purcarte",
"preview": "preview.png",

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

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