8000 Update examples · JoPFullJS/react-sortable@1b294a5 · GitHub 8000
[go: up one dir, main page]
Skip to content

Commit 1b294a5

Browse files
chetoncheton
committed
Update examples
1 parent 2d0e504 commit 1b294a5

22 files changed

+145
-56495
lines changed

‎examples/app.css renamed to ‎docs/app.css

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -9,17 +9,17 @@ html, body {
99
font-family: sans-serif;
1010
font-weight: 300;
1111
color: #333;
12+
font-family: Arial, Helvetica, sans-serif;
1213
margin: 0;
13-
padding: 20px;
14+
margin-bottom: 20px;
1415
min-height: 100%;
15-
font-size: 20px;
1616
}
1717

18-
#container {
19-
width: 80%;
20-
min-width: 960px;
21-
margin: auto;
22-
position: relative;
18+
a {
19+
color: #333;
20+
}
21+
a:hover {
22+
color: #000;
2323
}
2424

2525
ul {
@@ -29,6 +29,7 @@ ul {
2929
}
3030

3131
.title {
32+
font-size: 20px;
3233
color: #fff;
3334
position: relative;
3435
background-color: #ff7373;

‎docs/bundle.js

Lines changed: 36 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/index.html

Lines changed: 42 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
<!doctype html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv-"X-UA-Compatible" content="IE=edge">
6+
<title>react-sortable</title>
7+
<meta name="description" content="">
8+
<meta name="viewport" content="width=device-width, initial-scale=1">
9+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
10+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
11+
<link href="app.css" rel="stylesheet" type="text/css">
12+
</head>
13+
<body>
14+
<nav class="navbar navbar-inverse" style="border-radius: 0">
15+
<div class="container-fluid">
16+
<div class="navbar-header">
17+
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
18+
<span class="sr-only">Toggle navigation</span>
19+
<span class="icon-bar"></span>
20+
<span class="icon-bar"></span>
21+
<span class="icon-bar"></span>
22+
</button>
23+
<a class="navbar-brand" href="http://cheton.github.io/react-sortable/">react-sortable</a>
24+
</div>
25+
<div class="navbar-right" style="margin: 0">
26+
<a
27+
class="btn btn-default navbar-btn"
28+
href="https://github.com/cheton/react-sortable"
29+
>
30+
<i class="fa fa-github fa-fw" style="font-size: 16px"></i>
31+
GitHub
32+
</a>
33+
</div>
34+
</div>
35+
</nav>
36+
<div class="container-fluid">
37+
<h3>A React component built on top of Sortable (<a href="https://github.com/RubaXa/Sortable">https://github.com/RubaXa/Sortable</a>).</h3>
38+
<div id="con 4A20 tainer"></div>
39+
</div>
40+
<script src="bundle.js"></script>
41+
</body>
42+
</html>

0 commit comments

Comments
 (0)
0