fix(learn): console panel overlapping with the preview panel (#58265)

Co-authored-by: Je Yang <jeyang@Jes-MacBook-Pro.communityfibre.co.uk>
This commit is contained in:
je-repo
2025-02-12 13:39:14 +00:00
committed by GitHub
parent 6423813fa0
commit aea0576b6c
3 changed files with 3 additions and 2 deletions
@@ -1,7 +1,6 @@
.challenge-preview,
.challenge-preview-frame {
height: 100%;
min-height: 70vh;
width: 100%;
padding: 0;
margin: 0;
@@ -1,4 +1,6 @@
.project-preview-modal-body {
line-height: 0;
padding: 0;
min-height: 70vh;
height: 70vh;
}
@@ -60,7 +60,7 @@ function ProjectPreviewModal({
open={isOpen}
>
<Modal.Header closeButtonClassNames='close'>{previewTitle}</Modal.Header>
<Modal.Body>
<Modal.Body className='project-preview-modal-body'>
<Preview
previewId={projectPreviewId}
previewMounted={() => projectPreviewMounted({ challengeData })}