diff --git a/lib/devtools.js b/lib/devtools.js index dce1b0d..b24fc70 100644 --- a/lib/devtools.js +++ b/lib/devtools.js @@ -41,6 +41,17 @@ customElements.define('developer-tooling', class extends HTMLElement { margin: 0; } + .panels-wrapper { + display: flex; + gap: 30px; + } + .panel-left { + flex: 1; + } + .panel-right { + width: 400px; + } + .hidden { display: none; } @@ -80,14 +91,6 @@ customElements.define('developer-tooling', class extends HTMLElement { border-radius: 1px; white-space: nowrap; } - #remote-inspect-explain { - float:left; - max-width:55%; - } - #remote-inspect { - float:right; - max-width:40%; - } #server-message { font-size: 0.8rem; margin-top: 30px; @@ -132,8 +135,8 @@ customElements.define('developer-tooling', class extends HTMLElement {
Some application setup is required to enable remote debugging
Install the pear-inspect module into the application
When the application is opened in development mode the inspection key will be logged.
Paste the logged key into the input to add it. Then open in Chrome or copy the URL to a compatible inspect tool to view the remote target.