缩进

public/react/src/modules/page/MainContent.js

@@ -74,55 +74,55 @@ class MainContent extends Component {
 						</div>*/}
 
 		      			<div className="-layout-v -flex">
-    						<div className="-flex -relative">
-    							<div className="split-panel -fit -vertical" id="games_repository_valuation">
-						            <div className="-layout -stretch -fit -vertical centerH">
-						              	<div className="-layout -vertical -flex -relative -flex-basic70 -bg-weightblack"
-						              		id="games_repository_contents" style={games_repository_contents_style} >
-
-															{/* 选择题或编程题 */}
-															{/* readRepoTimeout 如果读取代码超时，显示重新加载按钮，重新拉取代码 */}
-					              		 	{
-						              		 	st === 0
-																?
-																readRepoTimeout === true ? <div className="readRepoFailed">
-																	代码加载失败，<a className="retry" 
-																		onClick={() => this.props.fetchRepositoryCode(this.props, null, null, true)}>重试</a>
-																</div> :
-						              			<React.Fragment>
-						              				<CircularProgress size={40} thickness={3}
-						              					style={{ display: (codeLoading ? 'block' : 'none') , marginLeft: 'auto', marginRight: 'auto', marginTop: '20%' }}/>
-						              				<div style={{ display: (codeLoading ? 'none' : 'block') }}>
-						              					<CodeRepositoryViewContainer { ...this.props } ></CodeRepositoryViewContainer>
-						              				</div>
-						              			</React.Fragment>
-						              			: <ChooseRepositoryView ref="chooseQ" { ...this.props }></ChooseRepositoryView>
-						              		}
-
-						              		{/* */}
-						              	</div>
-						              	<div className="h-center" style={{top: '438px'}}>
-							                {/*<div className="-changebg -bg-weightblack" id="-bg-change-color"></div>*/}
-							            </div>
-							            <div className="split-panel--second -layout -vertical -flex -relative -bg-black -flex-basic60"
-							            	id="games_valuation_contents" style={{height: '258px'}}>
-							            	{/* 测试结果、评测信息区域 */}
-							            	{ loading ? <CircularProgress size={40} thickness={3} style={{ marginLeft: 'auto', marginRight: 'auto', marginTop: '10%', display: 'block' }}/>
-							            		:
-								            		st === 0
-							              			? <CodeEvaluateView output_sets={output_sets} latest_output={latest_output}
-							              					record={record} onTestSetHeaderClick={onTestSetHeaderClick} {...this.props}></CodeEvaluateView>
-							              			: <ChooseEvaluateView {...this.props}></ChooseEvaluateView>
-						              		}
-							            </div>
-						            </div>
-						        </div>
-    						</div>
-    					</div>
-
-    					<div id="actionView" className="-layout-h -center -bg-grey-90 -grey-20 -bg-darkblack" style={{height:'48px'}}>
-    						<ActionView onRunCodeTest={onRunCodeTest} {...this.props}></ActionView>
-    					</div>
+									<div className="-flex -relative">
+										<div className="split-panel -fit -vertical" id="games_repository_valuation">
+													<div className="-layout -stretch -fit -vertical centerH">
+															<div className="-layout -vertical -flex -relative -flex-basic70 -bg-weightblack"
+																id="games_repository_contents" style={games_repository_contents_style} >
+
+																{/* 选择题或编程题 */}
+																{/* readRepoTimeout 如果读取代码超时，显示重新加载按钮，重新拉取代码 */}
+																{
+																	st === 0
+																	?
+																	readRepoTimeout === true ? <div className="readRepoFailed">
+																		代码加载失败，<a className="retry" 
+																			onClick={() => this.props.fetchRepositoryCode(this.props, null, null, true)}>重试</a>
+																	</div> :
+																	<React.Fragment>
+																		<CircularProgress size={40} thickness={3}
+																			style={{ display: (codeLoading ? 'block' : 'none') , marginLeft: 'auto', marginRight: 'auto', marginTop: '20%' }}/>
+																		<div style={{ display: (codeLoading ? 'none' : 'block') }}>
+																			<CodeRepositoryViewContainer { ...this.props } ></CodeRepositoryViewContainer>
+																		</div>
+																	</React.Fragment>
+																	: <ChooseRepositoryView ref="chooseQ" { ...this.props }></ChooseRepositoryView>
+																}
+
+																{/* */}
+															</div>
+															<div className="h-center" style={{top: '438px'}}>
+																{/*<div className="-changebg -bg-weightblack" id="-bg-change-color"></div>*/}
+														</div>
+														<div className="split-panel--second -layout -vertical -flex -relative -bg-black -flex-basic60"
+															id="games_valuation_contents" style={{height: '258px'}}>
+															{/* 测试结果、评测信息区域 */}
+															{ loading ? <CircularProgress size={40} thickness={3} style={{ marginLeft: 'auto', marginRight: 'auto', marginTop: '10%', display: 'block' }}/>
+																:
+																	st === 0
+																		? <CodeEvaluateView output_sets={output_sets} latest_output={latest_output}
+																				record={record} onTestSetHeaderClick={onTestSetHeaderClick} {...this.props}></CodeEvaluateView>
+																		: <ChooseEvaluateView {...this.props}></ChooseEvaluateView>
+																}
+														</div>
+													</div>
+											</div>
+									</div>
+								</div>
+
+								<div id="actionView" className="-layout-h -center -bg-grey-90 -grey-20 -bg-darkblack" style={{height:'48px'}}>
+									<ActionView onRunCodeTest={onRunCodeTest} {...this.props}></ActionView>
+								</div>
 		      		</div>
 		      	</div>
 		    </div>