update layout complete

src/components/CenterTopData/LeftBoxes/leftbox.module.less

@@ -1,6 +1,7 @@
 .leftbox {
 	// width: 440px;
 	// background: rgb(127, 202, 42);
+	height: 98px;
 
 	.box {
 		margin-right: 16px;

src/components/yx-dark/MainContainer.jsx

@@ -8,12 +8,15 @@ import FaultType from '../BottomBar/FaultType';
 import GasFlow from '../BottomBar/gasii';
 import WindFlow from '../BottomBar/gasi';
 import SpecPL from '../BottomBar/SpecPL';
+import CenterTopBox from '../CenterTopData/LeftBoxes';
 
 export default (props) => {
 	return (
 		<div className="main-container">
 			<LeftContent className="left"></LeftContent>
-			<div className="main-center"></div>
+			<div className="main-center">
+				<CenterTopBox />
+			</div>
 			<Bottom title="产线缺陷统计" className="bottom-1">
 				<FaultTotal />
 			</Bottom>

src/components/yx-dark/styles/main.module.css

@@ -15,7 +15,9 @@
 
 .main-center {
 	grid-area: main;
-	background: url(../images/3d.png) 100% 100% / contain no-repeat;
+	background: url(../images/3d.png) 100% 80% / contain no-repeat;
+	display: flex;
+	justify-content: center;
 }
 
 .left {