canvas frame 높이 수정

This commit is contained in:
김창수 2024-10-23 15:09:20 +09:00
parent f3f2c9183e
commit aaa788b158
2 changed files with 3 additions and 3 deletions

View File

@ -2,7 +2,7 @@
export default function CanvasFrame () { export default function CanvasFrame () {
return( return(
<div className="canvas-frame"> <div className="canvas-frame">
<div className="canvas-container" style={{position: 'relative', width: '500px', height: '500px'}}> <div className="canvas-container" style={{position: 'relative', width: '1600px', height: '1000px'}}>
<canvas></canvas> <canvas></canvas>
</div> </div>
</div> </div>

View File

@ -309,12 +309,12 @@
padding-top: 46.8px; padding-top: 46.8px;
transition: all .17s ease-in-out; transition: all .17s ease-in-out;
.canvas-frame{ .canvas-frame{
height: 86.3vh; height: calc(100vh - 129.3px);
} }
&.active{ &.active{
padding-top: calc(46.8px + 50px); padding-top: calc(46.8px + 50px);
.canvas-frame{ .canvas-frame{
height: 81vh; height: calc(100vh - 179.4px);
} }
} }
} }