admin/monitor: hide extra info on top on mobile
Massimo Melina committed
May 2, 2022 at 11:39 UTC
b58d5736edf454194c8e1beac0bd703aa25b7ad4
1 file changed
+2
-2
admin/src/MonitorPage.ts
+2
-2
@@ -4,7 +4,7 @@ import _ from "lodash"
4
import { isValidElement, createElement as h, useMemo, Fragment, useState } from "react"
5
import { apiCall, useApiComp, useApiList } from "./api"
6
import { PauseCircle, PlayCircle, Delete, Lock, Block } from '@mui/icons-material'
7
-import { Box, Chip } from '@mui/material'
7
+import { Box, Chip, Hidden } from '@mui/material'
8
import { DataGrid } from "@mui/x-data-grid"
9
import { Alert } from '@mui/material'
10
import { formatBytes, IconBtn, iconTooltip, manipulateConfig } from "./misc"
@@ -22,7 +22,7 @@ const isoDateRe = /^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}:\d{2}\.\d{3}Z$/
22
23
function MoreInfo() {
24
const [res] = useApiComp('get_status')
25
- return h(Fragment, {},
25
+ return h(Hidden, { smDown: true },
26
isValidElement(res) ? res :
27
h(Box, { display: 'flex', flexWrap: 'wrap', gap: '1em', mb: 2 },
28
pair('started'),