Mirrors/webamp
1
0
Fork 0
mirror of https://github.com/captbaritone/webamp.git synced 2026-07-21 17:18:52 +00:00
Code Issues Projects Releases Wiki Activity

Add debug info to the DOM

Browse source
This commit is contained in:
Jordan Eldredge 2019-06-13 22:23:36 -07:00
parent 09eb582b57
commit 71bc59f35c
1 changed files with 6 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

6
experiments/modern/src/App.js
View file

@ -57,6 +57,8 @@ function Layout({
return (
<>
<img
data-node-type="layout"
data-node-id={id}
src={image.imgUrl}
style={{
minWidth: Number(minimum_w),
@ -77,6 +79,8 @@ function Layer({ id, image, children, x, y }) {
return (
<>
<img
data-node-type="Layer"
data-node-id={id}
src={img.imgUrl}
style={{ position: "absolute", top: Number(y), left: Number(x) }}
/>
@ -93,6 +97,8 @@ function Button({ id, image, action, x, y, downImage, tooltip, children }) {
const img = data[imgId.toLowerCase()];
return (
<div
data-node-type="button"
data-node-id={id}
onMouseDown={e => {
setDown(true);
document.addEventListener("mouseup", () => {