tanner/critical-leddemo
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Create basic app layout

Browse Source
This commit is contained in:
Tanner Collin 2017-06-19 21:17:19 +00:00
parent 888eff91d8
commit 6a27604e75
2 changed files with 33 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
dist/index.html vendored
View File

@ -1,9 +1,12 @@
<html> <html>
<head> <head>
<title>LED Toggle Demo</title> <title>LED Toggle Demo</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.10/semantic.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
<script src="./bundle.js"></script> <script src="./bundle.js"></script>
</body> </body>
</html> </html>

32
src/app.js
View File

@ -3,8 +3,36 @@ import React from 'react';
export default class Site extends React.Component { export default class Site extends React.Component {
render() { render() {
return ( return (
<div> <div className="ui text container">
Hello React! <div className="ui stackable two column grid">
<div className="one column row">
<div className="center aligned column">
<div className="ui basic segment">
<img className="ui left floated small image" src="http://criticalcontrol.com/wp-content/themes/cces/images/logo.png" />
<span className="ui medium header">LED Toggle Demo</span>
</div>
</div>
</div>
<div className="column">
<div className="ui segment">
<div className="ui top attached label">Digital Out</div>
<div className="ui two column grid">
<div className="twelve wide column">
<div className="ui right pointing label">
DO1
</div>
<div className="ui buttons">
<button className="ui red button">On</button>
<button className="ui button">Off</button>
</div>
</div>
<div className="four wide right aligned column">
<i className="red idea big icon"></i>
</div>
</div>
</div>
</div>
</div>
</div> </div>
); );
} }