You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
40 lines
1021 B
JavaScript
40 lines
1021 B
JavaScript
import React from "react";
|
|
import "./App.scss";
|
|
|
|
class App extends React.Component {
|
|
constructor() {
|
|
super();
|
|
this.state = {};
|
|
}
|
|
render() {
|
|
return (
|
|
<div className="App container-fluid vh-100">
|
|
<div className="row">
|
|
<div className="editor-topbar col-md-6 border border-dark border-2">
|
|
<p>editor</p>
|
|
</div>
|
|
<div className="preview-topbar col-md-6 border border-dark border-2">
|
|
<p>preview</p>
|
|
</div>
|
|
</div>
|
|
<div className="row main-area h-100">
|
|
<div className="col-md-6 h-100">
|
|
<textarea
|
|
className="h-100 form-control p-0 border border-dark border-2 rounded-0"
|
|
id="editor"
|
|
></textarea>
|
|
</div>
|
|
<div className="col-md-6 h-100">
|
|
<div
|
|
className="h-100 border border-dark border-2"
|
|
id="preview"
|
|
></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
export default App;
|