jprdonnelly/pyscript
1
0
Fork 0
mirror of https://github.com/pyscript/pyscript.git synced 2025-12-19 18:27:29 -05:00
Code Issues Projects Releases Wiki Activity

Merge pull request #45 from pyscript/css-repl

Browse Source 
Css for Repl
This commit is contained in:
Princiya Marina Sequeira
2022-04-28 19:03:46 +02:00
committed by GitHub
parent 631eb8170e 8b7c397c2a
commit b207db97c2
5 changed files with 65 additions and 93 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
pyscriptjs/examples/repl.css Normal file
View File

@@ -0,0 +1,16 @@
#output > div {
font-family: 'monospace';
background-color: #e5e5e5;
border: 1px solid lightgray;
border-top: 0;
font-size: 0.875rem;
padding: 0.5rem;
}
#output > div:first-child {
border-top: 1px solid lightgray;
}
#output > div:nth-child(even) {
border: 0;
}

5
pyscriptjs/examples/repl2.html
View File

@@ -8,6 +8,7 @@
<link rel="icon" type="image/png" href="favicon.png" />
<link rel="stylesheet" href="../build/pyscript.css" />
<link rel="stylesheet" href="repl.css" />
<script defer src="../build/pyscript.js"></script>
</head>
@@ -24,9 +25,9 @@
<h1 class="font-semibold text-2xl ml-5">Custom REPL</h1>
<py-box widths="2/3;1/3">
<py-repl id="my-repl" auto-generate="true" std-out="output" std-err="err-div"> </py-repl>
<div id="output"></div>
<div id="output" class="p-4"></div>
</py-box>
<footer id="err-div" class="bg-red-700 text-white text-center border-t-4 border-gree-500 fixed inset-x-0 bottom-0 p-4 hidden">
<footer id="err-div" class="bg-red-700 text-white text-center border-t-4 border-green-500 fixed inset-x-0 bottom-0 p-4 hidden">
</footer>
</body>
</html>