|
@@ -75,7 +75,7 @@ export const LayoutTraffic = () => {
|
|
|
};
|
|
|
const valStyle: any = {
|
|
|
component: "span",
|
|
|
- color: "primary",
|
|
|
+ // color: "primary",
|
|
|
textAlign: "center",
|
|
|
sx: { flex: "1 1 56px", userSelect: "none" },
|
|
|
};
|
|
@@ -105,7 +105,9 @@ export const LayoutTraffic = () => {
|
|
|
{...iconStyle}
|
|
|
color={+up > 0 ? "secondary" : "disabled"}
|
|
|
/>
|
|
|
- <Typography {...valStyle}>{up}</Typography>
|
|
|
+ <Typography {...valStyle} color="secondary">
|
|
|
+ {up}
|
|
|
+ </Typography>
|
|
|
<Typography {...unitStyle}>{upUnit}/s</Typography>
|
|
|
</Box>
|
|
|
|
|
@@ -114,7 +116,9 @@ export const LayoutTraffic = () => {
|
|
|
{...iconStyle}
|
|
|
color={+down > 0 ? "primary" : "disabled"}
|
|
|
/>
|
|
|
- <Typography {...valStyle}>{down}</Typography>
|
|
|
+ <Typography {...valStyle} color="primary">
|
|
|
+ {down}
|
|
|
+ </Typography>
|
|
|
<Typography {...unitStyle}>{downUnit}/s</Typography>
|
|
|
</Box>
|
|
|
|