AI_Assistant/openscad-playground
Watch
1
0
Fork
You've already forked openscad-playground
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix a stray misplaced height that seemingly tripped iOS safari on device but not in sim?

Browse source
This commit is contained in:
ochafik 2023-03-27 20:19:37 +01:00
commit 4a33262da0
2 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/components/ViewerPanel.tsx
View file

@ -14,11 +14,12 @@ export default function ViewerPanel({className, style}: {className?: string, sty
return ( return (
<div className={className} <div className={className}
style={{display: 'flex', flexDirection: 'column', style={{
display: 'flex',
flexDirection: 'column',
flex: 1, flex: 1,
position: 'relative', position: 'relative',
width: '100%', width: '100%',
height: '100%',
...(style ?? {}) ...(style ?? {})
}}> }}>
{state.output?.stlFileURL && {state.output?.stlFileURL &&

3
src/utils.ts
View file

@ -91,8 +91,7 @@ export function formatMillis(n: number) {
// https://medium.com/quick-code/100vh-problem-with-ios-safari-92ab23c852a8 // https://medium.com/quick-code/100vh-problem-with-ios-safari-92ab23c852a8
export function registerCustomAppHeightCSSProperty() { export function registerCustomAppHeightCSSProperty() {
const updateAppHeight = () => { const updateAppHeight = () => {
const doc = document.documentElement document.documentElement.style.setProperty('--app-height', `${window.innerHeight}px`)
doc.style.setProperty('--app-height', `${window.innerHeight}px`)
} }
window.addEventListener('resize', updateAppHeight) window.addEventListener('resize', updateAppHeight)
updateAppHeight(); updateAppHeight();