Add Layout component, syntax highlighting and tidy up

This commit is contained in:
David Stotijn
2020-09-21 21:46:44 +02:00
parent 21c78cdc23
commit fe1ddabda3
8 changed files with 338 additions and 45 deletions

View File

@ -39,14 +39,16 @@ function LogDetail({ requestId: id }: Props): JSX.Element {
<div>
<Grid container item spacing={2}>
<Grid item xs={6}>
<Box component={Paper} m={2} maxHeight="63vh" overflow="scroll">
<Box component={Paper} maxHeight="60vh" overflow="scroll">
<RequestDetail request={{ method, url, body }} />
</Box>
</Grid>
<Grid item xs={6}>
<Box component={Paper} m={2} maxHeight="63vh" overflow="scroll">
<ResponseDetail response={response} />
</Box>
{response && (
<Box component={Paper} maxHeight="65vh" overflow="scroll">
<ResponseDetail response={response} />
</Box>
)}
</Grid>
</Grid>
</div>