frame css 수정

src/components/canvas/CanvasFrame.jsx

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

src/styles/_contents.scss

@@ -308,8 +308,14 @@
 .canvas-content{
     padding-top: 46.8px;
     transition: all .17s ease-in-out;
+    .canvas-frame{
+        height: 86.3vh;
+    }
     &.active{
         padding-top: calc(46.8px + 50px);
+        .canvas-frame{
+            height: 81vh;
+        }
     }
 }
 .canvas-layout{
@@ -401,9 +407,23 @@
 }
 
 .canvas-frame{
-    // position: relative;
+    position: relative;
     // height: calc(100% - 36.5px);
     background-color: #F4F4F7;
+    overflow: auto;
+    transition: all .17s ease-in-out;
+    // &::-webkit-scrollbar {
+    //     width: 10px;
+    //     height: 10px;
+    //     background-color: #fff;
+    // }
+    // &::-webkit-scrollbar-thumb {
+    //     background-color: #C1CCD7;
+    //     border-radius: 30px;
+    // }
+    // &::-webkit-scrollbar-track {
+    //     background-color: #fff;
+    // }
     canvas{
         background-color: #fff;
         position: absolute;

src/styles/_modal.scss

@@ -26,6 +26,8 @@ $alert-color: #101010;
 
 .modal-pop-wrap{
     position: fixed;
+    top: 0;
+    left: 0;
     width: 100%;
     height: -webkit-fit-content;
     height: -moz-fit-content;