diff --git a/lib/devtools.js b/lib/devtools.js index 033db31..f4b50e4 100644 --- a/lib/devtools.js +++ b/lib/devtools.js @@ -3,6 +3,7 @@ import http from 'http' import { WebSocketServer } from 'ws' import { Session } from 'pear-inspect' import b4a from 'b4a' +import { spawn } from 'child_process' customElements.define('developer-tooling', class extends HTMLElement { router = null @@ -29,20 +30,34 @@ customElements.define('developer-tooling', class extends HTMLElement { .app { display: flex; align-items: center; + padding: 0.25rem; + padding-top: 0.1rem; + padding-bottom: 0.15rem; } .app .title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } + .app:hover .copy, + .app:hover .open-in-chrome, .app:hover .remove { display: block; } + .app .copy, + .app .open-in-chrome { + margin-right: 10px; + } + .app .copy, + .app .open-in-chrome, .app .remove { cursor: pointer; - padding-right: 10px; - margin-left: calc(-1rem - 10px); - width: 1rem; + background: #3a4816; + color: #efeaea; + padding: 0 0.25rem; + font-family: 'overpass-mono'; + border-radius: 1px; + white-space: nowrap; display: none; } #remote-inspect-explain { @@ -159,10 +174,18 @@ customElements.define('developer-tooling', class extends HTMLElement { const div = document.createElement('div') div.innerHTML = `