Sascha/Aime
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

GUI: alle Tabs nutzen volle Fensterbreite (kein .wide-Sonderfall mehr)

Browse Source
This commit is contained in:
Claude
2026-07-28 00:05:07 +02:00
parent 5044e27f7c
commit c76f26abaf
3 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/web/src/main.js
-1
View File
@@ -23,7 +23,6 @@ function applyTheme(t) {
} }
function render() { function render() {
app.classList.toggle('wide', state.tab === 'recordings');
const theme = document.documentElement.dataset.theme || 'dark'; const theme = document.documentElement.dataset.theme || 'dark';
app.innerHTML = ` app.innerHTML = `
<header class="topbar"> <header class="topbar">
app/web/src/style.css
+5 -5
View File
@@ -64,10 +64,10 @@ body {
font: 15px/1.5 system-ui, "Segoe UI", Roboto, sans-serif; font: 15px/1.5 system-ui, "Segoe UI", Roboto, sans-serif;
transition: background .2s, color .2s; transition: background .2s, color .2s;
} }
#app { max-width: 860px; margin: 0 auto; padding: 16px; } /* Volle Fensterbreite für ALLE Tabs. Früher war nur „Aufnahmen“ breit (.wide)
/* Aufnahmen-Tab: volle Fensterbreite nutzen (Liste bleibt 340px fix, das und der Rest auf 860px zentriert — dadurch sprang die Kopfzeile beim
Detail bekommt den Rest — vorher kappte 1180px auf großen Monitoren). */ Tabwechsel in die Mitte. */
#app.wide { max-width: none; padding: 16px 28px; } #app { max-width: none; margin: 0 auto; padding: 16px 28px; }
/* ---- Topbar / Brand ---- */ /* ---- Topbar / Brand ---- */
.topbar { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 6px 0 14px; } .topbar { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 6px 0 14px; }
@@ -324,7 +324,7 @@ body.resizing { cursor: col-resize; user-select: none; }
.lanes { flex: 1 1 100%; } .lanes { flex: 1 1 100%; }
@media (max-width: 800px) { @media (max-width: 800px) {
#app.wide { max-width: 860px; } #app { padding: 16px; }
.rec-layout { flex-direction: column; } .rec-layout { flex-direction: column; }
.rec-list-pane { flex: none !important; width: 100%; position: static; max-height: 340px; } .rec-list-pane { flex: none !important; width: 100%; position: static; max-height: 340px; }
.rec-splitter { display: none; } .rec-splitter { display: none; }
docs/08-changelog.md
+8
View File
@@ -3,6 +3,14 @@
Chronik der Entwicklungsschritte. **Regel: jede zukünftige Änderung bekommt hier einen Eintrag** (Datum, Chronik der Entwicklungsschritte. **Regel: jede zukünftige Änderung bekommt hier einen Eintrag** (Datum,
Was, Warum, betroffene Dateien/Backups). Was, Warum, betroffene Dateien/Backups).
## 2026-07-28 — GUI: alle Tabs nutzen die volle Fensterbreite
- **Problem:** nur „Aufnahmen" bekam `#app.wide` (max-width: none), Stimmen/Glossar/Bluetooth blieben auf
860 px zentriert → beim Tabwechsel sprang die ganze Kopfzeile in die Bildschirmmitte.
- **Fix:** `.wide`-Sonderfall entfernt — `#app { max-width: none; padding: 16px 28px }` gilt für alle Tabs,
auf < 800 px wieder 16 px Padding. `render()` setzt keine Klasse mehr (`main.js`).
Bundle `index-BOK2TehD.js`, CSS `index-B0V_89UC.css`.
## 2026-07-27 (3) — „(Namen: …)"-Zeilen aus der Zusammenfassung entfernt ## 2026-07-27 (3) — „(Namen: …)"-Zeilen aus der Zusammenfassung entfernt
- **Problem (Nutzer):** unter jedem Absatz der Zusammenfassung stand „(Namen: Kai, Dennis, …)". - **Problem (Nutzer):** unter jedem Absatz der Zusammenfassung stand „(Namen: Kai, Dennis, …)".