diff --git a/src/components/canvas/CanvasFrame.jsx b/src/components/canvas/CanvasFrame.jsx index 7abc9c0..2f630a3 100644 --- a/src/components/canvas/CanvasFrame.jsx +++ b/src/components/canvas/CanvasFrame.jsx @@ -2,7 +2,7 @@ export default function CanvasFrame () { return(
-
+
diff --git a/src/styles/_contents.scss b/src/styles/_contents.scss index 08347d0..727c934 100644 --- a/src/styles/_contents.scss +++ b/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; diff --git a/src/styles/_modal.scss b/src/styles/_modal.scss index 5be2411..13d9382 100644 --- a/src/styles/_modal.scss +++ b/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;