Skip to content

Commit 4065700

Browse files
chetoncheton
committed
Update examples
1 parent e933e4f commit 4065700

File tree

2 files changed

+29
-4
lines changed

2 files changed

+29
-4
lines changed

‎examples/index.html‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,8 +8,33 @@
88
<meta name="viewport" content="width=device-width, initial-scale=1">
99
<link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
1010
<link href="app.css" rel="stylesheet" type="text/css">
11+
<style>
12+
html, body {
13+
color: #333;
14+
font-family: Arial, Helvetica, sans-serif;
15+
}
16+
.page-title {
17+
font-weight: bold;
18+
font-size: 64px;
19+
}
20+
a {
21+
color: #333;
22+
}
23+
a:hover {
24+
color: #000;
25+
}
26+
</style>
1127
</head>
1228
<body>
29+
<div class="row text-center">
30+
<div class="col-xs-12" style="margin-bottom: 1em;">
31+
<h1 class="page-title"><a href="https://github.com/cheton/react-sortable">react-sortable</a></h1>
32+
<h3>A React component using Sortable (<a href="https://github.com/RubaXa/Sortable">https://github.com/RubaXa/Sortable</a>).</h3>
33+
</div>
34+
<div class="col-xs-12">
35+
<a class="btn btn-default btn-lg" href="https://github.com/cheton/react-sortable" role="button">View on GitHub</a>
36+
</div>
37+
</div>
1338
<div id="container"></div>
1439
<script src="app.bundle.js"></script>
1540
</body>

‎examples/src/index.jsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@ class App extends React.Component {
5656

5757
return (
5858
<div>
59-
<div className="container-fluid">
59+
<div className="container-fluid" style={{marginTop: 50}}>
6060
<div className="title">Simple List</div>
6161
<div className="row">
6262
<div className="col-sm-12">
@@ -70,7 +70,7 @@ class App extends React.Component {
7070
</div>
7171
</div>
7272
<div className="container-fluid">
73-
<div className="title" style={{marginTop: 100}}>Shared Group</div>
73+
<div className="title" style={{marginTop: 50}}>Shared Group</div>
7474
<div className="form-group">
7575
<button
7676
type="button"
@@ -116,7 +116,7 @@ class App extends React.Component {
116116
</div>
117117
</div>
118118
<div className="container-fluid">
119-
<div className="title" style={{marginTop: 100}}>Uncontrolled Component</div>
119+
<div className="title" style={{marginTop: 50}}>Uncontrolled Component</div>
120120
<h4>Clone items from left to right with duplicate DOM elements.</h4>
121121
<div className="row">
122122
<div className="col-sm-6">
@@ -150,7 +150,7 @@ class App extends React.Component {
150150
</div>
151151
</div>
152152
<div className="container-fluid">
153-
<div className="title" style={{marginTop: 100}}>Controlled Component</div>
153+
<div className="title" style={{marginTop: 50}}>Controlled Component</div>
154154
<h4>Clone items from left to right without duplication.</h4>
155155
<div className="row">
156156
<div className="col-sm-6">

0 commit comments

Comments
 (0)