Commit 46d886eb authored by Raghav Khanna's avatar Raghav Khanna

Improve display layout and look

parent 7879c0dd
......@@ -69,7 +69,7 @@ class App extends React.Component {
test = "";
}
processWaccCode = async (code) => {
processWaccCode = async (code) => {
let rsp = await sendWaccCode(code);
let graph = this.state.graphData;
if (typeof rsp.isError !== "undefined") {
......@@ -143,7 +143,7 @@ class App extends React.Component {
</CardBody>
</Card>
</GridItem>
<GridItem xs={12} sm={12} md={6}>
<GridItem xs={12} sm={12} md={8}>
<Card>
<CardBody>
<div style={{height: '50em'}}>
......@@ -154,12 +154,21 @@ class App extends React.Component {
</CardBody>
</Card>
</GridItem>
<GridItem xs={12} sm={12} md={6}>
<GridItem xs={12} sm={12} md={4}>
<Card>
<CardBody>
<div
style={{
display: "flex",
justifyContent: "center",
alignItems: "center",
height: "50em"
}}
>
<Terminal commandPassThrough={cmd => {
test = cmd[0]
}} watchConsoleLogging hideTopBar allowTabs={false}/>
</div>
</CardBody>
</Card>
</GridItem>
......
import React from 'react';
import Button from "../components/CustomButtons/Button";
class ButtonStrip extends React.Component {
constructor(props) {
......@@ -8,10 +9,10 @@ class ButtonStrip extends React.Component {
render() {
return (
<div>
<button onClick={this.props.onCompileClick}></button>
<button onClick={this.props.onStepJsClick}>STEP JS LINE</button>
<button onClick={this.props.onStepIntoAstClick}>STEP INTO AST NODE</button>
<button onClick={this.props.onStepOverAstClick}>STEP OVER AST NODE</button>
<Button onClick={this.props.onCompileClick}></Button>
<Button onClick={this.props.onStepJsClick}>STEP JS LINE</Button>
<Button onClick={this.props.onStepIntoAstClick}>STEP INTO AST NODE</Button>
<Button onClick={this.props.onStepOverAstClick}>STEP OVER AST NODE</Button>
</div>
)
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment