37 lines
1.2 KiB
HTML
37 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<title>Swyx Tab Bridge</title>
|
||
<style>
|
||
:root { color-scheme: light dark; }
|
||
body {
|
||
font: 13px/1.45 system-ui, sans-serif;
|
||
margin: 0;
|
||
padding: 12px;
|
||
width: 260px;
|
||
}
|
||
h1 { font-size: 13px; margin: 0 0 10px; }
|
||
.row { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; }
|
||
.dot { width: 10px; height: 10px; border-radius: 50%; background: #d1242f; flex: none; }
|
||
.dot.connected { background: #2ea043; }
|
||
.dot.connecting { background: #d29922; }
|
||
.url { font-family: ui-monospace, monospace; font-size: 11px; opacity: .8; word-break: break-all; }
|
||
.err { color: #d1242f; font-size: 11px; min-height: 1em; }
|
||
button { font: inherit; padding: 4px 10px; cursor: pointer; }
|
||
.actions { display: flex; gap: 6px; margin-top: 10px; }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<h1>Swyx Tab Bridge</h1>
|
||
<div class="row"><span id="dot" class="dot"></span><span id="state">–</span></div>
|
||
<div class="url" id="url"></div>
|
||
<div class="err" id="err"></div>
|
||
<div class="actions">
|
||
<button id="toggle">Verbinden</button>
|
||
<button id="options">Einstellungen</button>
|
||
</div>
|
||
<script src="popup.js"></script>
|
||
</body>
|
||
</html>
|