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

Commit463fb85

Browse files
committed
width style improvements
1 parent22f6f6e commit463fb85

File tree

8 files changed

+33
-11
lines changed

8 files changed

+33
-11
lines changed

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

Lines changed: 13 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,26 @@
11
import*asReactfrom'react'
22
import{CardasAlifdCard}from'@alifd/next'
33

4+
conststyles={
5+
card:{
6+
display:'flex',
7+
width:'100%',
8+
},
9+
}
10+
411
interfaceProps{
512
children:React.ReactNode
613
onClick?:()=>void
714
style?:React.CSSProperties
815
}
916

1017
constCard=(props:Props)=>(
11-
<AlifdCardshowTitleBullet={false}contentHeight="auto"onClick={props.onClick}style={props.style}>
18+
<AlifdCard
19+
showTitleBullet={false}
20+
contentHeight="auto"
21+
onClick={props.onClick}
22+
style={{ ...styles.card, ...props.style}}
23+
>
1224
{props.children}
1325
</AlifdCard>
1426
)

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

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,8 +5,8 @@ interface Props {
55
}
66

77
constresize=()=>({
8-
width:window.innerWidth-20,
9-
height:window.innerHeight-20,
8+
minWidth:window.innerWidth-20,
9+
minHeight:window.innerHeight-20,
1010
})
1111

1212
constWorkspace=({ children}:Props)=>{
@@ -19,7 +19,7 @@ const Workspace = ({ children }: Props) => {
1919

2020
conststyles={
2121
page:{
22-
display:'flex'as'flex',
22+
display:'flex'as'flex',
2323
margin:0,
2424
backgroundColor:'white',
2525
},

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

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,14 +4,20 @@ import Card from '../../components/Card'
44
import*asCRfrom'typings'
55
import*asGfrom'typings/graphql'
66

7+
conststyles={
8+
page:{
9+
width:'100%',
10+
},
11+
}
12+
713
interfaceProps{
814
tutorial:G.Tutorial
915
onContinue():void
1016
onNew():void
1117
}
1218

1319
exportconstContinuePage=(props:Props)=>(
14-
<div>
20+
<divstyle={styles.page}>
1521
<h3>Continue</h3>
1622
<Card>
1723
<div>

‎web-app/src/containers/LoadingPage.tsx

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -10,8 +10,6 @@ const styles = {
1010
display:'flex',
1111
alignItems:'center',
1212
justifyContent:'center',
13-
width:window.innerWidth-20,
14-
height:window.innerHeight-20,
1513
},
1614
}
1715

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

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,9 @@ import * as G from 'typings/graphql'
33
importTutorialListfrom'./TutorialList'
44

55
conststyles={
6+
page:{
7+
width:'100%',
8+
},
69
header:{
710
height:'36px',
811
backgroundColor:'#EBEBEB',
@@ -22,7 +25,7 @@ interface Props {
2225
}
2326

2427
constNewPage=(props:Props)=>(
25-
<div>
28+
<divstyle={styles.page}>
2629
<divstyle={styles.header}>
2730
<span>CodeRoad</span>
2831
</div>

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

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,9 @@ import * as G from 'typings/graphql'
55
importMarkdownfrom'../../components/Markdown'
66

77
conststyles={
8+
page:{
9+
width:'100%',
10+
},
811
summary:{
912
padding:'0rem 1rem 1rem 1rem',
1013
},
@@ -47,7 +50,7 @@ interface Props {
4750
}
4851

4952
constSummary=({ title, description, levels, onNext}:Props)=>(
50-
<div>
53+
<divstyle={styles.page}>
5154
<divstyle={styles.header}>
5255
<span>CodeRoad</span>
5356
</div>

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

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,7 @@ import Markdown from '../../../../components/Markdown'
99
conststyles={
1010
card:{
1111
padding:0,
12+
width:'100%',
1213
},
1314
header:{
1415
height:'36px',

‎web-app/stories/utils/SideBarDecorator.tsx

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,9 +4,8 @@ const styles = {
44
container:{
55
position:'relative'as'relative',
66
boxSizing:'border-box'as'border-box',
7-
maxWidth:'20rem',
87
borderRight:'2px solid black',
9-
width:'20rem',
8+
width:'100%',
109
height:window.innerHeight,
1110
},
1211
}

0 commit comments

Comments
 (0)

[8]ページ先頭

©2009-2025 Movatter.jp