8000 style cleanup · coderoad/coderoad-vscode@2c8af30 · GitHub
[go: up one dir, main page]
Skip to content

Commit 2c8af30

Browse files
ShMcKShMcK
committed
style cleanup
Signed-off-by: shmck <shawn.j.mckay@gmail.com>
1 parent 9ad2069 commit 2c8af30

File tree

3 files changed

+27
-15
lines changed

3 files changed

+27
-15
lines changed

‎web-app/src/containers/Tutorial/containers/Review.tsx

Lines changed: 24 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,4 @@
11
import * as React from 'react'
2-
import * as T from 'typings'
32
import * as TT from 'typings/tutorial'
43
import Steps from '../components/Steps'
54
import Content from '../components/Content'
@@ -13,23 +12,35 @@ const styles = {
1312
display: 'flex' as 'flex',
1413
flexDirection: 'column' as 'column',
1514
},
15+
header: {
16+
display: 'flex' as 'flex',
17+
alignItems: 'center',
18+
justifyContent: 'flex-start',
19+
height: '2rem',
20+
backgroundColor: '#EBEBEB',
21+
fontSize: '1rem',
22+
lineHeight: '1rem',
23+
padding: '10px 0.4rem',
24+
},
25+
title: {
26+
marginLeft: '0.5rem',
27+
},
1628
}
1729

1830
const ReviewPage = (props: Props) => {
1931
return (
2032
<div css={styles.container}>
21-
{props.levels.map((level: TT.Level, index: number) => {
22-
return (
23-
<>
24-
<div>
25-
<Content title={level.title} content={level.content} />
26-
<Steps steps={level.steps} />
27-
</div>
28-
{/* divider */}
29-
{index < props.levels.length - 1 ? <hr /> : null}
30-
</>
31-
)
32-
})}
33+
<div css={styles.header}>Review</div>
34+
{props.levels.map((level: TT.Level, index: number) => (
35+
<div key={level.id}>
36+
<div>
37+
<Content title={level.title} content={level.content} />
38+
<Steps steps={level.steps} />
39+
</div>
40+
{/* divider */}
41+
{index < props.levels.length - 1 ? <hr /> : null}
42+
</div>
43+
))}
3344
</div>
3445
)
3546
}

‎web-app/src/containers/Tutorial/containers/Settings.tsx

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,8 @@ import * as React from 'react'
22

33
const styles = {
44
container: {
5+
display: 'flex' as 'flex',
6+
flexDirection: 'column' as 'column',
57
padding: '1rem',
68
},
79
}

‎web-app/src/containers/Tutorial/index.tsx

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,5 @@
11
import * as React from 'react'
22
import * as T from 'typings'
3-
import * as TT from 'typings/tutorial'
43
import * as selectors from '../../services/selectors'
54
import SideMenu from './components/SideMenu'
65
import Level from './components/Level'
@@ -154,7 +153,7 @@ const TutorialPage = (props: PageProps) => {
154153
{/* Right */}
155154
<div>
156155
{level.status === 'COMPLETE' || !level.steps.length ? (
157-
<Button type="primary" onClick={onContinue}>
156+
<Button style={{ marginRight: '1rem' }} type="primary" onClick={onContinue}>
158157
Continue
159158
</Button>
160159
) : (

0 commit comments

Comments
 (0)
0