fix(ui): улучшить контраст трафика и предупреждений целей
This commit is contained in:
1 parent
6cc0094591
commit
b9000b16e4
12 files changed
+509
-20
No files matched your search
@@ -377,11 +377,11 @@ function ServerCard({ s, selected, onClick }: { s: ServerTraffic; selected: bool
|
||||
<div className="flex justify-between mt-2 gap-2">
|
||||
<div className="flex items-center gap-1 text-[11px]">
|
||||
<ArrowDownIcon className="size-3 text-emerald-500" />
|
||||
<span className="font-mono font-medium text-emerald-500">{fmtRate(s.rxNow)}</span>
|
||||
<span className="font-mono font-medium text-foreground">{fmtRate(s.rxNow)}</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-1 text-[11px]">
|
||||
<ArrowUpIcon className="size-3 text-blue-500" />
|
||||
<span className="font-mono font-medium text-blue-500">{fmtRate(s.txNow)}</span>
|
||||
<span className="font-mono font-medium text-foreground">{fmtRate(s.txNow)}</span>
|
||||
</div>
|
||||
{s.boundIfaces.length > 0 && (
|
||||
<div className="flex items-center gap-0.5 text-[10px] text-muted-foreground">
|
||||
@@ -421,11 +421,11 @@ function UserCard({ u, selected, onClick }: { u: UserTraffic; selected: boolean;
|
||||
<div className="flex justify-between mt-2 gap-2">
|
||||
<div className="flex items-center gap-1 text-[11px]">
|
||||
<ArrowDownIcon className="size-3 text-emerald-500" />
|
||||
<span className="font-mono font-medium text-emerald-500">{fmtRate(u.rxNow)}</span>
|
||||
<span className="font-mono font-medium text-foreground">{fmtRate(u.rxNow)}</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-1 text-[11px]">
|
||||
<ArrowUpIcon className="size-3 text-blue-500" />
|
||||
<span className="font-mono font-medium text-blue-500">{fmtRate(u.txNow)}</span>
|
||||
<span className="font-mono font-medium text-foreground">{fmtRate(u.txNow)}</span>
|
||||
</div>
|
||||
</div>
|
||||
</>
|
||||
@@ -459,11 +459,11 @@ function IfaceCard({ c, selected, onClick }: { c: BoundIfaceTraffic; selected: b
|
||||
<div className="flex justify-between mt-2 gap-2">
|
||||
<div className="flex items-center gap-1 text-[11px]">
|
||||
<ArrowDownIcon className="size-3 text-emerald-500" />
|
||||
<span className="font-mono font-medium text-emerald-500">{fmtRate(c.rxNow)}</span>
|
||||
<span className="font-mono font-medium text-foreground">{fmtRate(c.rxNow)}</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-1 text-[11px]">
|
||||
<ArrowUpIcon className="size-3 text-blue-500" />
|
||||
<span className="font-mono font-medium text-blue-500">{fmtRate(c.txNow)}</span>
|
||||
<span className="font-mono font-medium text-foreground">{fmtRate(c.txNow)}</span>
|
||||
</div>
|
||||
</div>
|
||||
</button>
|
||||
|
||||
Reference in new issue
Block a user