mirror of
https://github.com/opensupports/opensupports.git
synced 2025-07-27 07:44:29 +02:00
[Ivan Diaz] - Add widget demo page
This commit is contained in:
parent
4cbfbafb38
commit
ec9bcc8f23
@ -5,6 +5,7 @@ import {Link} from 'react-router';
|
|||||||
import DocumentTitle from 'react-document-title';
|
import DocumentTitle from 'react-document-title';
|
||||||
|
|
||||||
import Button from '../components-core/button.js';
|
import Button from '../components-core/button.js';
|
||||||
|
import Widget from '../components-core/widget.js';
|
||||||
|
|
||||||
var DemoPage = React.createClass({
|
var DemoPage = React.createClass({
|
||||||
|
|
||||||
@ -18,6 +19,16 @@ var DemoPage = React.createClass({
|
|||||||
render: (
|
render: (
|
||||||
<Button type="primary">Sign up</Button>
|
<Button type="primary">Sign up</Button>
|
||||||
)
|
)
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'Widget',
|
||||||
|
render: (
|
||||||
|
<Widget>
|
||||||
|
<h2>Register here!</h2>
|
||||||
|
|
||||||
|
<Button type="primary">SIGN UP</Button>
|
||||||
|
</Widget>
|
||||||
|
)
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
|
||||||
|
@ -1,3 +1,7 @@
|
|||||||
|
* {
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: Helvetica, sans-serif;
|
font-family: Helvetica, sans-serif;
|
||||||
color: $font-color--dark;
|
color: $font-color--dark;
|
||||||
|
@ -1,6 +1,7 @@
|
|||||||
.widget {
|
.widget {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
min-height: 50px;
|
text-align: center;
|
||||||
|
padding: 27px;
|
||||||
width: 324px;
|
width: 324px;
|
||||||
}
|
}
|
Loading…
x
Reference in New Issue
Block a user