diff --git a/Data/Server/WebUI/src/Devices/Device_List.jsx b/Data/Server/WebUI/src/Devices/Device_List.jsx index 9082a24..9728c88 100644 --- a/Data/Server/WebUI/src/Devices/Device_List.jsx +++ b/Data/Server/WebUI/src/Devices/Device_List.jsx @@ -198,10 +198,7 @@ export default function DeviceList({ const [repoHash, setRepoHash] = useState(null); const lastRepoFetchRef = useRef(0); - const gridWrapperClass = useMemo( - () => `${themeClassName} borealis-device-grid`, - [themeClassName] - ); + const gridWrapperClass = themeClassName; const fetchLatestRepoHash = useCallback(async (options = {}) => { const { force = false } = options || {}; @@ -1086,33 +1083,8 @@ export default function DeviceList({ width: "100%", height: 600, minHeight: 400, - bgcolor: "#111822", - borderRadius: 1, - "& .ag-root-wrapper, & .ag-header, & .ag-cell": { - fontFamily: '"IBM Plex Sans", sans-serif', - }, "& .ag-root-wrapper": { borderRadius: 1, - border: "1px solid rgba(255, 255, 255, 0.08)", - boxShadow: "0 0 0 1px rgba(0, 0, 0, 0.35)", - }, - "& .ag-header": { - borderBottom: "1px solid rgba(255, 255, 255, 0.1)", - }, - "& .ag-row": { - borderColor: "rgba(255, 255, 255, 0.04)", - }, - "& .ag-row-hover": { - backgroundColor: "rgba(88, 166, 255, 0.08) !important", - }, - "& .ag-row-selected": { - backgroundColor: "rgba(255, 166, 255, 0.12) !important", - }, - "& .ag-header-cell-text": { - fontWeight: 600, - }, - "& .ag-paging-panel": { - borderTop: "1px solid rgba(255, 255, 255, 0.08)", }, }} > @@ -1131,6 +1103,7 @@ export default function DeviceList({ onGridReady={handleGridReady} getRowId={getRowId} theme={myTheme} + style={{ width: "100%", height: "100%" }} />