Commit262656a

committed

resolve resize issues

1 parente5072dc commit262656aCopy full SHA for 262656a

File tree

+31

-20

lines changed

+31

-20

lines changed

Lines changed: 1 addition & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -3,6 +3,7 @@ import { css, jsx } from '@emotion/core'`
`3`	`3`
`4`	`4`	`conststyles={`
`5`	`5`	`divider:{`
	`6`	`+width:'100%',`
`6`	`7`	`backgroundColor:'#e8e8e8',`
`7`	`8`	`height:'0.1rem',`
`8`	`9`	`},`

Lines changed: 10 additions & 20 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,32 +1,22 @@`
`1`	`1`	`import*asReactfrom'react'`
`2`	`2`	`import{css,jsx}from'@emotion/core'`
	`3`	`+import{useWindowResize}from'../../services/hooks/resize'`
`3`	`4`
`4`	`5`	`interfaceProps{`
`5`	`6`	`children:React.ReactElement`
`6`	`7`	`}`
`7`	`8`
`8`		`-constresize=()=>({`
`9`		`-width:window.innerWidth,`
`10`		`-height:window.innerHeight,`
`11`		`-})`
	`9`	`+conststyles={`
	`10`	`+page:{`
	`11`	`+display:'flex'as'flex',`
	`12`	`+position:'relative'as'relative',`
	`13`	`+margin:0,`
	`14`	`+backgroundColor:'white',`
	`15`	`+},`
	`16`	`+}`
`12`	`17`
`13`	`18`	`constWorkspace=({ children}:Props)=>{`
`14`		`-const[dimensions,setDimensions]=React.useState(resize())`
`15`		`-`
`16`		`-// solution for windows getting off size`
`17`		`-React.useEffect(()=>{`
`18`		`-setDimensions(resize())`
`19`		`-},[window.innerHeight,window.innerWidth])`
`20`		`-`
`21`		`-conststyles={`
`22`		`-page:{`
`23`		`-display:'flex'as'flex',`
`24`		`-position:'relative'as'relative',`
`25`		`-margin:0,`
`26`		`-backgroundColor:'white',`
`27`		`-},`
`28`		`-}`
`29`		`-`
	`19`	`+constdimensions=useWindowResize()`
`30`	`20`	`return<divcss={{ ...styles.page, ...dimensions}}>{children}</div>`
`31`	`21`	`}`
`32`	`22`

Lines changed: 20 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,20 @@`
	`1`	`+import*asReactfrom'react'`
	`2`	`+`
	`3`	`+exportconstuseWindowResize=()=>{`
	`4`	`+constresize=()=>({`
	`5`	`+width:window.innerWidth,`
	`6`	`+height:window.innerHeight,`
	`7`	`+})`
	`8`	`+`
	`9`	`+const[dimensions,setDimensions]=React.useState(resize())`
	`10`	`+`
	`11`	`+// solution for windows getting off size`
	`12`	`+React.useEffect(()=>{`
	`13`	`+consthandleResize=()=>{`
	`14`	`+setDimensions(resize())`
	`15`	`+}`
	`16`	`+window.addEventListener('resize',handleResize)`
	`17`	`+return()=>window.removeEventListener('resize',handleResize)`
	`18`	`+},[])`
	`19`	`+returndimensions`
	`20`	`+}`

Comments

(0)