ChK/appRobotWebcam
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CSS

Browse Source
This commit is contained in:
chk
2026-06-07 10:49:56 +02:00
parent d3e45262ce
commit 8055c375fc
4 changed files with 173 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
public/config.html
View File

@@ -4,73 +4,32 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>AppRobotWebcam · Konfiguration</title>
<style>
* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: #0f0f0f; color: #e0e0e0; font-family: monospace; }
header {
display: flex; align-items: center; gap: 12px;
padding: 10px 16px; background: #1a1a1a; border-bottom: 1px solid #333;
}
h1 { font-size: 1rem; font-weight: normal; letter-spacing: 0.05em; }
a.back {
margin-left: auto; color: #8cf; text-decoration: none;
border: 1px solid #468; padding: 5px 12px; border-radius: 3px; font-size: 0.82rem;
}
a.back:hover { background: #1d2d3d; }
main { padding: 16px; max-width: 760px; }
table { width: 100%; border-collapse: collapse; font-size: 0.85rem; }
th, td { text-align: left; padding: 8px 10px; border-bottom: 1px solid #2a2a2a; }
th { color: #888; font-weight: normal; }
select {
background: #1a1a1a; color: #e0e0e0; border: 1px solid #444;
padding: 4px 8px; font-family: monospace; font-size: 0.85rem; border-radius: 3px;
}
.warn-badge { color: #fb4; cursor: help; }
.cur { color: #777; }
.actions { margin-top: 16px; display: flex; align-items: center; gap: 14px; }
#saveBtn {
background: #2a4a2a; color: #8f8; border: 1px solid #4a8;
padding: 7px 16px; font-family: monospace; font-size: 0.85rem;
cursor: pointer; border-radius: 3px;
}
#saveBtn:hover:not(:disabled) { background: #3a6a3a; }
#saveBtn:disabled { opacity: 0.4; cursor: default; }
#status { font-size: 0.8rem; color: #888; }
#status.ok { color: #6d6; }
#status.err { color: #f66; }
.hint { margin-top: 18px; font-size: 0.75rem; color: #666; line-height: 1.6; }
</style>
<link rel="stylesheet" href="app.css">
</head>
<body>
<header>
<h1>AppRobotWebcam · Konfiguration</h1>
<a class="back" href="/">← zum Viewer</a>
<span class="logo">⚙ AppRobotWebcam · Konfiguration</span>
<a class="hbtn ml-auto" href="/">← zum Viewer</a>
</header>
<main>
<table>
<thead>
<tr><th>ID</th><th>Name</th><th>Live-Auflösung</th><th>aktuell</th></tr>
</thead>
<tbody id="rows"><tr><td colspan="4">lädt…</td></tr></tbody>
</table>
<div class="card">
<table>
<thead>
<tr><th>ID</th><th>Name</th><th>Live-Auflösung</th><th>aktuell</th></tr>
</thead>
<tbody id="rows"><tr><td colspan="4">lädt…</td></tr></tbody>
</table>
<div class="actions">
<button id="saveBtn" disabled>Speichern &amp; Anwenden</button>
<span id="status">lädt…</span>
<div class="actions">
<button id="saveBtn" class="btn-primary" disabled>Speichern &amp; Anwenden</button>
<span id="status">lädt…</span>
</div>
</div>
<p class="hint">
Auflösungs-Änderung ist sofort aktiv (laufende Streams frieren kurz ein).<br>
„Aus" bzw. Wiedereinschalten wirkt erst nach Neuladen des Viewers.<br>
„Aus" schaltet in den Snapshot-Modus: kein Video, alle 5 s ein Einzelbild im Viewer.<br>
⚠ C920 (cam2) braucht bei kleinen 4:3-Auflösungen überdurchschnittlich Bandbreite (siehe doc/12).
</p>
</main>