external-repos/squoosh
1
0
Fork 1
mirror of https://github.com/GoogleChromeLabs/squoosh.git synced 2025-11-12 16:57:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixing resize again. Fixes #183. (#184)

Browse Source
This commit is contained in:
Jake Archibald
2018-10-09 13:34:38 +01:00
committed by GitHub
parent 48bb58dc89
commit a1f0b81dff
2 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Output/index.tsx
View File

@@ -170,6 +170,7 @@ export default class Output extends Component<Props, State> {
ref={linkRef(this, 'pinchZoomLeft')} ref={linkRef(this, 'pinchZoomLeft')}
> >
<canvas <canvas
class={style.outputCanvas}
ref={linkRef(this, 'canvasLeft')} ref={linkRef(this, 'canvasLeft')}
width={leftImg.width} width={leftImg.width}
height={leftImg.height} height={leftImg.height}
@@ -182,6 +183,7 @@ export default class Output extends Component<Props, State> {
</pinch-zoom> </pinch-zoom>
<pinch-zoom ref={linkRef(this, 'pinchZoomRight')}> <pinch-zoom ref={linkRef(this, 'pinchZoomRight')}>
<canvas <canvas
class={style.outputCanvas}
ref={linkRef(this, 'canvasRight')} ref={linkRef(this, 'canvasRight')}
width={rightImg.width} width={rightImg.width}
height={rightImg.height} height={rightImg.height}

4
src/components/Output/style.scss
View File

@@ -137,3 +137,7 @@ Note: These styles are temporary. They will be replaced before going live.
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
} }
} }
.output-canvas {
flex-shrink: 0;
}