alihan/pyscript-python-html
1
0
Fork 0
mirror of https://github.com/pyscript/pyscript.git synced 2022-05-01 19:47:48 +03:00
Code Issues Projects Releases Wiki Activity

updated css for repl2 demo

Browse Source
This commit is contained in:
Princiya Sequeira
2022-04-13 21:48:26 +02:00
parent 1966f1c8b7
commit fdfde89216
3 changed files with 15 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
pyscriptjs/examples/repl2.html
View File

@@ -12,14 +12,16 @@
<script defer src="../build/pyscript.js"></script>
</head>
<body>
<div class="w-full h-full">
<div class="flex">
<div class="w-2/3"><py-repl id="my-repl" auto-generate="true" target="output"> </py-repl></div>
<div id="output" class="w-1/3"></div>
<body class="w-screen">
<div class="w-full h-full flex divide-x">
<div class="w-2/3 p-4">
<h1 class="text-4xl">REPL Demo</h1>
<py-repl id="my-repl" auto-generate="true" target="output"> </py-repl>
</div>
<div class="w-1/3 p-4">
<h1 class="text-4xl">Output</h1>
<div id="output"></div>
</div>
</div>
</body>
</html>

4
pyscriptjs/src/components/pyrepl.ts
View File

@@ -111,12 +111,12 @@ export class PyRepl extends HTMLElement {
})
let mainDiv = document.createElement('div');
addClasses(mainDiv, ["parentBox", "flex", "flex-col", "border-4", "border-dashed", "border-gray-200", "rounded-lg"])
addClasses(mainDiv, ["parentBox", "group", "flex", "flex-col", "mt-10", "border-2", "border-gray-200", "rounded-lg"])
// add Editor to main PyScript div
// Butons DIV
var eDiv = document.createElement('div');
addClasses(eDiv, "buttons-box relative top-0 right-0 flex flex-row-reverse space-x-reverse space-x-4 font-mono text-white text-sm font-bold leading-6 dev-buttons-group".split(" "))
addClasses(eDiv, "buttons-box opacity-0 group-hover:opacity-100 relative top-0 right-0 flex flex-row-reverse space-x-reverse space-x-4 font-mono text-white text-sm font-bold leading-6 dev-buttons-group".split(" "))
eDiv.setAttribute("role", "group");
// Play Button

4
pyscriptjs/tailwind.config.js
View File

@@ -21,7 +21,9 @@ module.exports = {
}
},
variants: {
extend: {},
extend: {
display: ['group-hover']
},
},
plugins: [],
};