mrtoth/frontend-tutorial-framework
1
0
Fork 0
mirror of https://github.com/avatao-content/frontend-tutorial-framework synced 2025-06-28 23:15:12 +00:00
Code Issues Releases Wiki Activity

Use iframe webcomponent to allow more flexibility in terms of languages

Browse Source
This commit is contained in:
Gabor PEK
2018-03-12 16:48:15 +01:00
parent 97ed48b408
commit adff2c5e1b
7 changed files with 34 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/app/dashboard/dashboard.component.html
View File

@ -2,7 +2,11 @@
<div class="tfw-header"><app-header></app-header></div>
<div class="tfw-messages"><app-messages></app-messages></div>
<div class="tfw-web tao-grid-top-left" [ngClass]="{ 'deploy-blur': deploying }">
<app-login></app-login>
<div class="row-container">
<iframe class="iframe-row"
scrolling="yes" frameborder="0"
src="http://localhost:9999"></iframe>
</div>
</div>
<div class="tfw-webide"><app-webide></app-webide></div>
<div class="tfw-terminal"><app-terminal></app-terminal></div>

19
src/app/dashboard/dashboard.component.scss
View File

@ -86,7 +86,24 @@ $layout: (
}
.tfw-web {
padding: $space;
.row-container {
display: flex;
width: 100%;
height: 100%;
flex-direction: column;
min-height: 65vmin;
min-width: 65vmin;
overflow: hidden;
}
.iframe-row {
flex-grow: 1;
border: none;
margin: 0;
padding: 0;
}
}
.tfw-webide {