Refactor MachineCollapsedContent.js to use inline styles

master^2
Tudor Stanciu 2024-03-25 03:12:17 +02:00
parent c3cb995e86
commit b3bdb38997
1 changed files with 12 additions and 14 deletions

View File

@ -3,23 +3,21 @@ import PropTypes from "prop-types";
import MachineLog from "./MachineLog"; import MachineLog from "./MachineLog";
import Typography from "@mui/material/Typography"; import Typography from "@mui/material/Typography";
import { useSensitiveInfo } from "../../../../hooks"; import { useSensitiveInfo } from "../../../../hooks";
import { makeStyles } from "@mui/material/styles";
const useStyles = makeStyles(_theme => ({
panel: {
display: "flex"
},
label: {
marginRight: "4px"
}
}));
const MachineDescription = ({ description }) => { const MachineDescription = ({ description }) => {
const classes = useStyles();
return ( return (
<div className={classes.panel}> <div
<Typography variant="body2" className={classes.label} color="textSecondary"> style={{
display: "flex"
}}
>
<Typography
variant="body2"
sx={{
marginRight: "4px"
}}
color="textSecondary"
>
{"Description:"} {"Description:"}
</Typography> </Typography>
<Typography variant="body2" color="textSecondary"> <Typography variant="body2" color="textSecondary">