mirror of
https://github.com/MHSanaei/3x-ui.git
synced 2026-09-02 08:27:14 +00:00
style(inbounds): show total up/down with directional arrows
Replace the ambiguous swap icon on the total traffic statistic with explicit up/down arrows next to each value.
This commit is contained in:
@@ -16,7 +16,8 @@ import {
|
|||||||
|
|
||||||
import { setMessageInstance } from '@/utils/messageBus';
|
import { setMessageInstance } from '@/utils/messageBus';
|
||||||
import {
|
import {
|
||||||
SwapOutlined,
|
ArrowUpOutlined,
|
||||||
|
ArrowDownOutlined,
|
||||||
PieChartOutlined,
|
PieChartOutlined,
|
||||||
BarsOutlined,
|
BarsOutlined,
|
||||||
} from '@ant-design/icons';
|
} from '@ant-design/icons';
|
||||||
@@ -585,8 +586,14 @@ export default function InboundsPage() {
|
|||||||
<Col xs={12} sm={12} md={8}>
|
<Col xs={12} sm={12} md={8}>
|
||||||
<Statistic
|
<Statistic
|
||||||
title={t('pages.inbounds.totalDownUp')}
|
title={t('pages.inbounds.totalDownUp')}
|
||||||
value={`${SizeFormatter.sizeFormat(totals.up)} / ${SizeFormatter.sizeFormat(totals.down)}`}
|
value={0}
|
||||||
prefix={<SwapOutlined />}
|
formatter={() => (
|
||||||
|
<span>
|
||||||
|
<ArrowUpOutlined /> {SizeFormatter.sizeFormat(totals.up)}
|
||||||
|
{' / '}
|
||||||
|
<ArrowDownOutlined /> {SizeFormatter.sizeFormat(totals.down)}
|
||||||
|
</span>
|
||||||
|
)}
|
||||||
/>
|
/>
|
||||||
</Col>
|
</Col>
|
||||||
<Col xs={12} sm={12} md={8}>
|
<Col xs={12} sm={12} md={8}>
|
||||||
|
|||||||
Reference in New Issue
Block a user