diff --git a/web/index.html b/web/index.html index e104bf5..929e0e7 100644 --- a/web/index.html +++ b/web/index.html @@ -12,7 +12,7 @@ ⚠ LOKAL eingebunden, kein CDN: die PWA laeuft ueber WireGuard und muss offline funktionieren. --> - + @@ -416,6 +416,6 @@ - + diff --git a/web/style.css b/web/style.css index de87abb..44cec17 100644 --- a/web/style.css +++ b/web/style.css @@ -233,7 +233,10 @@ main{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr)); laesst laengere Werte darueber hinaus wachsen, statt sie abzuschneiden. */ .tb-field input, .tb-field .tb-val{width:auto;min-width:7.5ch;background:var(--surface-2); border:1px solid var(--border);border-radius:var(--r-sm);color:var(--bright); - font-size:0.9444rem;font-weight:700;padding:0.3333rem 0.3889rem;text-align:center; + /* ⚠ font-weight 700 -> 400 (User-Wunsch 2026-08-20): alle Felder der + Trade-Leiste normal, nicht fett — Eingaben UND Anzeige-Boxen, damit + die Leiste einheitlich bleibt. */ + font-size:0.9444rem;font-weight:400;padding:0.3333rem 0.3889rem;text-align:center; transition:border-color .15s, box-shadow .15s} .tb-field .tb-val{display:block;white-space:nowrap} .tb-field input{width:8ch} /* Eingaben: feste, aber mitskalierende Basis */ /* nur Anzeige, kein Input */ diff --git a/web/style.css.bak-2026-08-20-tbfett b/web/style.css.bak-2026-08-20-tbfett new file mode 100644 index 0000000..de87abb --- /dev/null +++ b/web/style.css.bak-2026-08-20-tbfett @@ -0,0 +1,687 @@ +/* ══════════════════════════════════════════════════════════════════════ + PICO CSS ALS BASISSCHICHT (2026-08-19, User-Wunsch „schreibe auf pico css um") + ⚠⚠ KEIN Neubau, sondern eine SCHICHT: Pico v2.1.1 liefert Typografie, + Formulare, Buttons und Fokus-Ringe fuer semantisches HTML. Die ~60 + Trading-Klassen (.card, .tb-field, .m15-item, .px …) kann ein KLASSENLOSES + Framework gar nicht ersetzen — sie bleiben und stehen NACH Pico, gewinnen + also bei Konflikten. + ⚠ Lokal eingebunden (84 KB), kein CDN: die PWA laeuft ueber WireGuard und + muss offline laufen; ein CDN-Link waere zudem CSP-blockiert. + ⚠ Hier werden Picos eigene Variablen auf die BESTEHENDE Palette gemappt — + sonst faerbt Pico das Dashboard in sein Standard-Blau um. So bleibt die + Terminal-Optik, und Pico liefert nur Struktur. + Zurueck: `web/style.css.bak-2026-08-19` + `index.html.bak-2026-08-19-pico`, + und den pico- aus der index.html entfernen. + ══════════════════════════════════════════════════════════════════════ */ +:root:not([data-theme=light]), [data-theme=dark]{ + --pico-background-color: var(--bg); + --pico-color: var(--bright); + --pico-muted-color: var(--dim); + --pico-primary: var(--accent); + --pico-primary-hover: var(--accent); + --pico-primary-focus: #e8a00040; + --pico-primary-inverse: #0a0d13; + --pico-card-background-color: var(--card); + --pico-card-border-color: var(--border); + --pico-form-element-background-color: var(--surface-2); + --pico-form-element-border-color: var(--border); + --pico-form-element-color: var(--bright); + --pico-border-radius: var(--r); + --pico-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, + system-ui, sans-serif; + /* ⚠ Picos eigene fluide Schrift AUSSCHALTEN: `html{font-size:clamp(...)}` + regelt das seit dem 13.08. an EINER Stelle. Zwei fluide Systeme + uebereinander multiplizieren sich. */ + --pico-font-size: 100%; + /* Pico setzt grosszuegige Block-Abstaende, die fuer ein Dashboard zu viel + sind — die Karten bringen ihre eigenen mit. */ + --pico-spacing: 0.7rem; + --pico-typography-spacing-vertical: 0.7rem; + --pico-block-spacing-vertical: 0.7rem; + --pico-block-spacing-horizontal: 0.7rem; +} +/* Pico gibt