etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-28 17:43:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(admin-remnawave): truncate long tags in node traffic accordion

Browse Source 
Give the inbound/outbound tag min-w-0 flex-1 so a long tag shrinks and ellipsizes instead of pushing the byte counters off-screen on narrow viewports; tighten the counter gap.
This commit is contained in:
c0mrade
2026-06-01 14:28:27 +03:00
parent 6c9a77d419
commit 1ef4b21614
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/pages/AdminRemnawave.tsx
View File

@@ -156,8 +156,8 @@ function NodeTrafficBreakdown({
key={it.tag} key={it.tag}
className="flex items-center justify-between gap-3 rounded-lg bg-dark-900/50 px-2.5 py-1.5" className="flex items-center justify-between gap-3 rounded-lg bg-dark-900/50 px-2.5 py-1.5"
> >
<span className="truncate text-xs text-dark-200">{it.tag}</span> <span className="min-w-0 flex-1 truncate text-xs text-dark-200">{it.tag}</span>
<div className="flex shrink-0 gap-3 font-mono text-[11px] text-dark-400"> <div className="flex shrink-0 gap-2.5 font-mono text-[11px] text-dark-400">
<span>↓ {formatBytes(it.downloadBytes)}</span> <span>↓ {formatBytes(it.downloadBytes)}</span>
<span>↑ {formatBytes(it.uploadBytes)}</span> <span>↑ {formatBytes(it.uploadBytes)}</span>
<span className="font-medium text-dark-300">{formatBytes(it.totalBytes)}</span> <span className="font-medium text-dark-300">{formatBytes(it.totalBytes)}</span>