Skip to content

Commit 7528945

Browse files
rwieruchrwieruch
committed
chapter 1
1 parent 72dc40a commit 7528945

11 files changed

+1116
-2252
lines changed

Diff for: ‎package-lock.json

+1,045-1,389
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

Diff for: ‎package.json

+4-13
Original file line numberDiff line numberDiff line change
@@ -3,23 +3,14 @@
33
"version": "0.1.0",
44
"private": true,
55
"dependencies": {
6-
"classnames": "^2.2.5",
7-
"isomorphic-fetch": "^2.2.1",
8-
"lodash": "^4.17.4",
9-
"react": "^16.0.0",
10-
"react-dom": "^16.0.0",
11-
"react-scripts": "1.0.14"
6+
"react": "^16.2.0",
7+
"react-dom": "^16.2.0",
8+
"react-scripts": "1.1.1"
129
},
1310
"scripts": {
1411
"start": "react-scripts start",
1512
"build": "react-scripts build",
1613
"test": "react-scripts test --env=jsdom",
1714
"eject": "react-scripts eject"
18-
},
19-
"devDependencies": {
20-
"enzyme": "^3.1.0",
21-
"enzyme-adapter-react-16": "^1.0.1",
22-
"react-addons-test-utils": "^15.6.2",
23-
"react-test-renderer": "^16.0.0"
2415
}
25-
}
16+
}

Diff for: ‎public/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<!doctype html>
1+
<!DOCTYPE html>
22
<html lang="en">
33
<head>
44
<meta charset="utf-8">

Diff for: ‎public/manifest.json

+2-2
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@
44
"icons": [
55
{
66
"src": "favicon.ico",
7-
"sizes": "192x192",
8-
"type": "image/png"
7+
"sizes": "64x64 32x32 24x24 16x16",
8+
"type": "image/x-icon"
99
}
1010
],
1111
"start_url": "./index.html",

Diff for: ‎src/App.css

+16-51
Original file line numberDiff line numberDiff line change
@@ -1,63 +1,28 @@
1-
.page {
2-
margin: 20px;
3-
}
4-
5-
.interactions {
1+
.App {
62
text-align: center;
73
}
84

9-
.table {
10-
margin: 20px 0;
11-
}
12-
13-
.table-header {
14-
display: flex;
15-
line-height: 24px;
16-
font-size: 16px;
17-
padding: 0 10px;
18-
justify-content: space-between;
5+
.App-logo {
6+
animation: App-logo-spin infinite 20s linear;
7+
height: 80px;
198
}
209

21-
.table-empty {
22-
margin: 200px;
23-
text-align: center;
24-
font-size: 16px;
25-
}
26-
27-
.table-row {
28-
display: flex;
29-
line-height: 24px;
30-
white-space: nowrap;
31-
margin: 10px 0;
32-
padding: 10px;
33-
background: #ffffff;
34-
border: 1px solid #e3e3e3;
10+
.App-header {
11+
background-color: #222;
12+
height: 150px;
13+
padding: 20px;
14+
color: white;
3515
}
3616

37-
.table-header > span {
38-
overflow: hidden;
39-
text-overflow: ellipsis;
40-
padding: 0 5px;
17+
.App-title {
18+
font-size: 1.5em;
4119
}
4220

43-
.table-row > span {
44-
overflow: hidden;
45-
text-overflow: ellipsis;
46-
padding: 0 5px;
21+
.App-intro {
22+
font-size: large;
4723
}
4824

49-
.button-inline {
50-
border-width: 0;
51-
background: transparent;
52-
color: inherit;
53-
text-align: inherit;
54-
-webkit-font-smoothing: inherit;
55-
padding: 0;
56-
font-size: inherit;
57-
cursor: pointer;
25+
@keyframes App-logo-spin {
26+
from { transform: rotate(0deg); }
27+
to { transform: rotate(360deg); }
5828
}
59-
60-
.button-active {
61-
border-radius: 0;
62-
border-bottom: 1px solid #38BB6C;
63-
}

0 commit comments

Comments
 (0)