rdelaage
/
CodePlayground
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Change container conf

This commit is contained in:
Romain de Laage 2021-04-04 17:07:30 +02:00
parent de1ce18d3f
commit 3372a6059f
Signed by: rdelaage
GPG Key ID: 534845FADDF0C329
3 changed files with 18 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
assets/css/main.css
View File

@ -19,10 +19,15 @@ header {
margin-bottom: 25px; margin-bottom: 25px;
padding: 10px; padding: 10px;
} }
#container {
position: relative;
height: 600px;
overflow: hidden;
}
#codeContainer { #codeContainer {
display: inline-block; display: inline-block;
width: 50%; width: 50%;
height: 500px; height: calc(100% - 50px);
vertical-align: top; vertical-align: top;
} }
#code { #code {
@ -35,7 +40,7 @@ header {
display: block; display: block;
width: 100%; width: 100%;
border: none; border: none;
line-height: 3rem; height: 50px;
transition: 0.3s; transition: 0.3s;
} }
#runBtn:hover { #runBtn:hover {
@ -47,7 +52,7 @@ header {
display: inline-block; display: inline-block;
background-color: #303030; background-color: #303030;
width: 50%; width: 50%;
height: 500px; height: calc(100% - 50px);
vertical-align: top; vertical-align: top;
overflow: auto; overflow: auto;
} }

8
js.html
View File

@ -10,10 +10,12 @@
<header> <header>
<h1>Javascript Playground</h1> <h1>Javascript Playground</h1>
</header> </header>
<div id="codeContainer"><div id="code"></div></div><!-- <div id="container">
--><div id="console"> <div id="codeContainer"><div id="code"></div></div><!--
--><div id="console">
</div>
<input type="button" onclick="run()" value="Exécuter !" id="runBtn" />
</div> </div>
<input type="button" onclick="run()" value="Exécuter !" id="runBtn" />
<footer> <footer>
Romain de Laage - CC0 Romain de Laage - CC0
</footer> </footer>

8
python.html
View File

@ -13,10 +13,12 @@
<header> <header>
<h1>Python Playground</h1> <h1>Python Playground</h1>
</header> </header>
<div id="codeContainer"><div id="code"></div></div><!-- <div id="container">
--><div id="console"> <div id="codeContainer"><div id="code"></div></div><!--
--><div id="console">
</div>
<input type="button" onclick="run()" value="Exécuter !" id="runBtn" />
</div> </div>
<input type="button" onclick="run()" value="Exécuter !" id="runBtn" />
<footer> <footer>
Romain de Laage - CC0 Romain de Laage - CC0
</footer> </footer>