diff --git a/ui/src/views/MetricsView.tsx b/ui/src/views/MetricsView.tsx index 0d56502..053b0b3 100644 --- a/ui/src/views/MetricsView.tsx +++ b/ui/src/views/MetricsView.tsx @@ -18,12 +18,20 @@ import { PrometheusMetricsResponse } from "../api"; const useStyles = makeStyles((theme) => ({ container: { + marginTop: 30, paddingTop: theme.spacing(4), paddingBottom: theme.spacing(4), }, controlsContainer: { display: "flex", justifyContent: "flex-end", + position: "fixed", + background: theme.palette.background.paper, + zIndex: theme.zIndex.appBar, + right: 0, + top: 64, // app-bar height + width: "100%", + padding: theme.spacing(2), }, chartInfo: { display: "flex", @@ -109,17 +117,15 @@ function MetricsView(props: Props) { return ( +
+ +
- -
- -
-
{data?.queue_size && ( prettyBytes(val)} + yAxisTickFormatter={(val: number) => { + try { + return prettyBytes(val); + } catch (error) { + return val + "B"; + } + }} /> )}