Merge pull request #11 from aeagle/ui-demo

Ui demo

Author: aeagle

demo/src/App.scss

@@ -55,7 +55,7 @@ pre {
 	}
 }
 
-.mobileDesc {
+.mobileDesc, .mobile {
 	display: none;
 }
 
@@ -104,6 +104,10 @@ pre {
 		display: none;
 	}
 
+	.mobile {
+		display: block;
+	}
+
 	.description {
 		font-size: 80%;
 

demo/src/docs/Intro.tsx

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { Button, Icon } from 'antd';
 
 export const Intro = () => {
 	return (
@@ -7,6 +8,12 @@ export const Intro = () => {
               React Spaces allow you to divide a page or container into nestable, anchored, scrollable and resizable spaces.
             </p>
 
+			<div className="mobile" style={{ marginBottom: 15 }}>
+              <Button type="primary" onClick={() => window.location.href = 'https://github.com/aeagle/react-spaces'}><Icon type="github" /> View on GitHub</Button>
+            &nbsp; &nbsp;
+				<img style={{ position: 'relative', top: -2 }} alt="NPM version" src="https://img.shields.io/npm/v/react-spaces.svg" />
+			</div>
+
             <p>
               <h2>Features</h2>
 

demo/src/docs/VersionHistory.tsx

@@ -5,6 +5,12 @@ export const VersionHistory = () => {
 		<>
 			<h2 id="changes">Version history</h2>
 
+			<div>
+				<h3>0.1.5</h3> 
+				<ul>
+					<li>Fixed resize handles being covered by nested spaces preventing resizing</li>
+				</ul>
+			</div>
 			<div>
 				<h3>0.1.4</h3> 
 				<ul>