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;