Skip to content
Permalink
Browse files

Now using layout

  • Loading branch information...
StoneCypher committed Apr 6, 2015
1 parent 5d06fe6 commit 2d5a6e06765493d8cc107675ae19af66cebd6124
Showing with 20 additions and 10 deletions.
  1. +1 −10 TipCalcApp.jsx
  2. +18 −0 TipCalcLayout.jsx
  3. +1 −0 index.html
@@ -1,17 +1,8 @@

/** @jsx React.DOM */
/* jshint node: true, browser: true */

'use strict';



var TipCalcApp = flocks.createClass({

render: function() {

return <div>Basic App!</div>;

return <TipCalcLayout>Basic App in layout!</TipCalcLayout>;
}

});
@@ -0,0 +1,18 @@

var TipCalcLayout = flocks.createClass({

render: function() {

var tdstyle = { verticalAlign: 'middle', textAlign: 'center' };

return (
<table id="layout">
<tr>
<td style={tdstyle}>{this.props.children}</td>
</tr>
</table>
);

}

});
@@ -9,6 +9,7 @@
<script defer src="http://fb.me/react-0.13.1.js"></script>
<script defer src="http://cdnjs.cloudflare.com/ajax/libs/flocks.js/1.6.0/flocks.js"></script>

<script type="text/jsx" defer src="TipCalcLayout.jsx"></script>
<script type="text/jsx" defer src="TipCalcApp.jsx"></script>

<script type="text/jsx" defer>

0 comments on commit 2d5a6e0

Please sign in to comment.
You can’t perform that action at this time.