fixing the navbar and updating the logo to match v3

.storybook/Logo.js

@@ -1,22 +1,11 @@
 import src from './static/logo.svg'
 
-const linkStyle = Object.freeze({
-  height: '40px',
-  overflow: 'hidden',
-  paddingRight: 0,
-  paddingLeft: 0,
-  marginLeft: '-15px',
-})
-
 const logoStyle = Object.freeze({
-  height: '70px',
-  marginTop: '-15px',
-  opacity: 0.9,
-  width: '82px',
+  height: '50px',
 })
 
-const Logo = () => <a className="uk-navbar-brand" style={linkStyle}>
-  <img role="presentation" src={src} style={logoStyle} title="UIkit React Logo" />
+const Logo = () => <a className="uk-navbar-item uk-logo">
+  <img alt="UIkit React Logo" src={src} style={logoStyle} />
 </a>
 
 export default Logo

.storybook/config.js

@@ -1,33 +1,47 @@
-import './uikit.less'
-
 import infoAddon from '@kadira/react-storybook-addon-info'
 import { configure, setAddon, addDecorator } from '@kadira/storybook'
 
+import './uikit.less'
+
 import Logo from './Logo'
 
 setAddon(infoAddon)
 
+const iframeWrapperStyle = Object.freeze({
+  height: '80px',
+})
+
 addDecorator((fn, { kind, story }) => <div>
-  <nav className="tm-navbar uk-navbar uk-navbar-attached">
-    <Logo />
-    <ul className="uk-navbar-nav">
-      <li className="uk-active">
-        <a className="uk-navbar-nav-subtitle">
-          {kind}
-          <div>{story}</div>
-        </a>
-      </li>
-    </ul>
-    <div className="uk-navbar-content">
-      <iframe
-        frameBorder="0"
-        height="20px"
-        scrolling="0"
-        src="https://ghbtns.com/github-btn.html?user=stipsan&repo=uikit-react&type=star&count=true"
-        width="170px"
-      />
+  <nav className="uk-navbar-container uk-navbar">
+    <div className="uk-navbar-left">
+      <ul className="uk-navbar-nav">
+        <li className="uk-active">
+          <a>
+            <div>
+              {kind}
+              <div className="uk-navbar-subtitle">{story}</div>
+            </div>
+          </a>
+        </li>
+      </ul>
+    </div>
+    <div className="uk-navbar-center">
+      <Logo />
+      <div className="uk-navbar-center-right">
+        <div>
+          <div className="uk-flex uk-flex-middle" style={iframeWrapperStyle}>
+            <iframe
+              frameBorder="0"
+              height="20px"
+              scrolling="0"
+              src="https://ghbtns.com/github-btn.html?user=stipsan&repo=uikit-react&type=star&count=true"
+              width="170px"
+            />
+          </div>
+        </div>
+      </div>
     </div>
-    <div className="uk-navbar-flip">
+    <div className="uk-navbar-right">
       <ul className="uk-navbar-nav">
         <li>
           <a

README.md

@@ -10,7 +10,7 @@ uikit-react
 [![NPM](https://nodei.co/npm/uikit-react.png?downloadRank=true)](https://www.npmjs.com/package/uikit-react)
 [![NPM](https://nodei.co/npm-dl/uikit-react.png?months=3&height=2)](https://nodei.co/npm/uikit-react/)
 
-<img src="https://uikit-react.io/public/logo.svg" width="256"/>
+<img src="https://uikit-react.io/logo-inverse.svg" width="256"/>
 
 ## Installation