diff --git a/interface/package.json b/interface/package.json index f7031d810..ba8e0301b 100644 --- a/interface/package.json +++ b/interface/package.json @@ -24,8 +24,8 @@ "dependencies": { "@alova/adapter-xhr": "^1.0.6", "@alova/scene-react": "^1.6.1", - "@emotion/react": "^11.12.0", - "@emotion/styled": "^11.12.0", + "@emotion/react": "^11.13.0", + "@emotion/styled": "^11.13.0", "@mui/icons-material": "^5.16.4", "@mui/material": "^5.16.4", "@table-library/react-table-library": "4.1.7", diff --git a/interface/src/framework/system/SystemLog.tsx b/interface/src/framework/system/SystemLog.tsx index 44923b60b..384a4e10b 100644 --- a/interface/src/framework/system/SystemLog.tsx +++ b/interface/src/framework/system/SystemLog.tsx @@ -31,13 +31,22 @@ import type { LogEntry, LogSettings } from 'types'; import { LogLevel } from 'types'; import { updateValueDirty, useRest } from 'utils'; -const LogEntryLine = styled('div')(() => ({ - color: '#bbbbbb', - fontFamily: 'monospace', - fontSize: '14px', - letterSpacing: 'normal', - whiteSpace: 'nowrap' -})); +const ButtonTextColors = { + [LogLevel.ERROR]: '#ff0000', // red + [LogLevel.WARNING]: '#ffcc00', // yellow + [LogLevel.NOTICE]: '#ffffff', // white + [LogLevel.INFO]: '#ffffff', // yellow + [LogLevel.DEBUG]: '#00ffff', // cyan + [LogLevel.TRACE]: '#00ffff' // cyan +}; + +const LogEntryLine = styled('div')( + ({ details: { level } }: { details: { level: LogLevel } }) => ({ + color: ButtonTextColors[level], + font: '14px monospace', + whiteSpace: 'nowrap' + }) +); const topOffset = () => document.getElementById('log-window')?.getBoundingClientRect().bottom || 0; @@ -265,7 +274,7 @@ const SystemLog: FC = () => { }} > {logEntries.map((e) => ( - + {e.t} {paddedLevelLabel(e.l)}  {paddedIDLabel(e.i)} diff --git a/interface/src/project/CustomEntitiesDialog.tsx b/interface/src/project/CustomEntitiesDialog.tsx index 1863ca337..c7831eb7f 100644 --- a/interface/src/project/CustomEntitiesDialog.tsx +++ b/interface/src/project/CustomEntitiesDialog.tsx @@ -64,8 +64,10 @@ const CustomEntitiesDialog = ({ } }, [open, selectedItem]); - const close = () => { - onClose(); + const handleClose = (event: {}, reason: 'backdropClick' | 'escapeKeyDown') => { + if (reason !== 'backdropClick') { + onClose(); + } }; const save = async () => { @@ -90,7 +92,7 @@ const CustomEntitiesDialog = ({ }; return ( - + {creating ? LL.ADD(1) + ' ' + LL.NEW(1) : LL.EDIT()} {LL.ENTITY()} @@ -314,7 +316,7 @@ const CustomEntitiesDialog = ({