Commit5a6120b

committed

cleanup button styles

1 parenta85dd93 commit5a6120bCopy full SHA for 5a6120b

File tree

+17

-2

lines changed

web-app/src
- components/Button
  - index.tsx
- containers/Overview
  - OverviewPage.tsx

+17

-2

lines changed

Lines changed: 10 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -7,10 +7,19 @@ interface Props {`
`7`	`7`	`disabled?:boolean`
`8`	`8`	`type?:'primary'\|'secondary'\|'normal'`
`9`	`9`	`onClick?:()=>void`
	`10`	`+size?:'small'\|'medium'\|'large'`
	`11`	`+iconSize?:'xxs'\|'xs'\|'small'\|'medium'\|'large'\|'xl'\|'xxl'\|'xxxl'`
`10`	`12`	`}`
`11`	`13`
`12`	`14`	`constButton=(props:Props)=>(`
`13`		`-<AlifdButtononClick={props.onClick}type={props.type}disabled={props.disabled}style={props.style}>`
	`15`	`+<AlifdButton`
	`16`	`+onClick={props.onClick}`
	`17`	`+type={props.type}`
	`18`	`+disabled={props.disabled}`
	`19`	`+style={props.style}`
	`20`	`+size={props.size}`
	`21`	`+iconSize={props.iconSize}`
	`22`	`+>`
`14`	`23`	`{props.children}`
`15`	`24`	`</AlifdButton>`
`16`	`25`	`)`

Lines changed: 7 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,7 @@`
`1`	`1`	`import*asReactfrom'react'`
`2`	`2`	`import*asGfrom'typings/graphql'`
`3`	`3`	`importButtonfrom'../../components/Button'`
	`4`	`+importIconfrom'../../components/Icon'`
`4`	`5`	`importMarkdownfrom'../../components/Markdown'`
`5`	`6`
`6`	`7`	`constfooterHeight='3rem'`
`@@ -23,11 +24,13 @@ const styles = {`
`23`	`24`	`fontSize:'1rem',`
`24`	`25`	`},`
`25`	`26`	`header:{`
	`27`	`+display:'flex',`
`26`	`28`	`height:'2rem',`
`27`	`29`	`backgroundColor:'#EBEBEB',`
`28`	`30`	`fontSize:'1rem',`
`29`	`31`	`lineHeight:'1rem',`
`30`	`32`	`padding:'10px 1rem',`
	`33`	`+alignItems:'center',`
`31`	`34`	`},`
`32`	`35`	`levelList:{`
`33`	`36`	`padding:'0rem 1rem',`
`@@ -61,7 +64,10 @@ const Summary = ({ title, description, levels, onNext, onBack }: Props) => (`
`61`	`64`	`<divcss={styles.page}>`
`62`	`65`	`<div>`
`63`	`66`	`<divcss={styles.header}>`
`64`		`-<buttononClick={onBack}>Back</button>`
	`67`	`+<buttononClick={onBack}>`
	`68`	`+<Icontype="arrow-left"size="xxs"/>`
	`69`	`+</button>`
	`70`	`+<span>  </span>`
`65`	`71`	`<span>CodeRoad</span>`
`66`	`72`	`</div>`
`67`	`73`	`<divcss={styles.summary}>`

Comments

(0)