archive/Keyboard-Mechanizer
Archived
1
Fork 0
Code Releases Packages Activity

Add nav bar

Browse source
This commit is contained in:
Jake Howard 2015-11-03 21:07:44 +00:00
parent 114ebce52f
commit 4dfbd8fc6b
2 changed files with 20 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
src/js/components/navbar.js
View file

@ -1,10 +1,19 @@
var React = require('react');
var NavBar = React.createClass({
render: function () {
<div id="NavBar">
<div className="row" >
</div>
</div>
}
});
render: function () {
return (
<nav className="navbar navbar-default navbar-fixed-top">
<div className="container-fluid">
<a className="navbar-brand">Keyboard Mechanizer</a>
<ul className="nav navbar-nav navbar-right">
<li><a href="#">Hide</a></li>
<li><a href="#"><i className="icon ion-close-round"></i></a></li>
</ul>
</div>
</nav>
);
}
});
module.exports = NavBar;

6
src/less/style.less
View file

@ -1,6 +1,8 @@
@import 'node_modules/bootstrap/less/bootstrap.less';
@import 'node_modules/bootstrap/less/theme.less';
@import 'node_modules/ionicons/less/ionicons.less';
#NavBar {
body {
padding: 5px;
padding-top: 50px;
}