Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit4688851

Browse files
ShMcKargemiront
authored andcommitted
use rems for font sizes (#81)
1 parent9c95528 commit4688851

File tree

5 files changed

+21
-21
lines changed

5 files changed

+21
-21
lines changed

‎web-app/src/components/StepHelp/index.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@ const styles = {
1010
alignItems:'center',
1111
width:30,
1212
height:30,
13-
fontSize:18,
13+
fontSize:'1.2rem',
1414
color:'grey',
1515
},
1616
balloonTitle:{

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

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,10 +11,10 @@ const styles = {
1111
width:'100%',
1212
},
1313
header:{
14-
height:'36px',
14+
height:'2rem',
1515
backgroundColor:'#EBEBEB',
16-
fontSize:'16px',
17-
lineHeight:'16px',
16+
fontSize:'1rem',
17+
lineHeight:'1rem',
1818
padding:'10px 1rem',
1919
},
2020
}

‎web-app/src/containers/New/NewPage.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -9,14 +9,14 @@ const styles = {
99
width:'100%',
1010
},
1111
header:{
12-
height:'36px',
12+
height:'2rem',
1313
backgroundColor:'#EBEBEB',
14-
fontSize:'16px',
15-
lineHeight:'16px',
14+
fontSize:'1rem',
15+
lineHeight:'1rem',
1616
padding:'10px 1rem',
1717
},
1818
banner:{
19-
height:'50px',
19+
height:'3rem',
2020
fontSize:'1rem',
2121
padding:'1rem',
2222
},

‎web-app/src/containers/Overview/OverviewPage.tsx

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import * as G from 'typings/graphql'
33
importButtonfrom'../../components/Button'
44
importMarkdownfrom'../../components/Markdown'
55

6-
constfooterHeight=50
6+
constfooterHeight='3rem'
77

88
conststyles={
99
page:{
@@ -23,10 +23,10 @@ const styles = {
2323
fontSize:'1rem',
2424
},
2525
header:{
26-
height:'36px',
26+
height:'2rem',
2727
backgroundColor:'#EBEBEB',
28-
fontSize:'16px',
29-
lineHeight:'16px',
28+
fontSize:'1rem',
29+
lineHeight:'1rem',
3030
padding:'10px 1rem',
3131
},
3232
levelList:{

‎web-app/src/containers/Tutorial/LevelPage/Level.tsx

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -14,15 +14,15 @@ const styles = {
1414
display:'flex'as'flex',
1515
flexDirection:'column'as'column',
1616
padding:0,
17-
paddingBottom:72,
17+
paddingBottom:'4.5rem',
1818
height:'auto',
1919
width:'100%',
2020
},
2121
header:{
22-
height:'36px',
22+
height:'2rem',
2323
backgroundColor:'#EBEBEB',
24-
fontSize:'16px',
25-
lineHeight:'16px',
24+
fontSize:'1rem',
25+
lineHeight:'1rem',
2626
padding:'10px 1rem',
2727
},
2828
content:{
@@ -33,7 +33,7 @@ const styles = {
3333
paddingBottom:'5rem',
3434
},
3535
steps:{
36-
padding:'1rem16px',
36+
padding:'1rem1rem',
3737
},
3838
title:{
3939
fontSize:'1.2rem',
@@ -43,7 +43,7 @@ const styles = {
4343
processes:{
4444
padding:'0 1rem',
4545
position:'fixed'as'fixed',
46-
bottom:36,
46+
bottom:'2rem',
4747
left:0,
4848
right:0,
4949
},
@@ -52,10 +52,10 @@ const styles = {
5252
flexDirection:'row'as'row',
5353
justifyContent:'space-between',
5454
alignItems:'center',
55-
height:36,
55+
height:'2rem',
5656
backgroundColor:'black',
57-
fontSize:16,
58-
lineHeight:16,
57+
fontSize:'1rem',
58+
lineHeight:'1rem',
5959
padding:'10px 1rem',
6060
position:'fixed'as'fixed',
6161
bottom:0,

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp