Update react demo (it works now :) )
This commit is contained in:
parent
8ffb7702ba
commit
abfcca84d6
|
@ -13,3 +13,5 @@ build
|
|||
.DS_Store
|
||||
.env
|
||||
npm-debug.log
|
||||
.vscode
|
||||
.idea
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
|
||||
<title>React demo | JSONeditor</title>
|
||||
<title>React demo | JSONEditor</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
|
|
|
@ -0,0 +1,9 @@
|
|||
|
||||
.app {
|
||||
width: 100%;
|
||||
max-width: 600px;
|
||||
}
|
||||
|
||||
.app h1 {
|
||||
font-size: 120%;
|
||||
}
|
|
@ -26,7 +26,8 @@ class App extends Component {
|
|||
|
||||
render() {
|
||||
return (
|
||||
<div className="App">
|
||||
<div className="app">
|
||||
<h1>JSONEditor React demo</h1>
|
||||
<JSONEditor
|
||||
mode="tree"
|
||||
modes={['text', 'code', 'tree', 'form', 'view']}
|
||||
|
|
|
@ -1,5 +1,10 @@
|
|||
body {
|
||||
html, body, #root {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
#root {
|
||||
box-sizing: border-box;
|
||||
padding: 10px;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue