diff --git a/src/OberleisteApp.jsx b/src/OberleisteApp.jsx index 7d16a24..464d5e0 100644 --- a/src/OberleisteApp.jsx +++ b/src/OberleisteApp.jsx @@ -643,27 +643,51 @@ export default function OberleisteApp() { ? Math.round(ratio * 100) + '%' : (ratio * 100).toFixed(ratio < 0.1 ? 1 : 0) + '%' const atScale = ratio != null && Math.abs(ratio - 1) < 0.005 - const STAT_W = 70 // Breite der linken Stat-Chips - const statChipStyle = (accentTint) => ({ - display: 'inline-flex', alignItems: 'center', justifyContent: 'center', - height: BAR_H, width: STAT_W, - background: accentTint ? 'var(--accent-dim)' : 'var(--bg-input)', - color: accentTint ? 'var(--accent-light)' : 'var(--text-primary)', - border: '1px solid var(--border)', - borderRadius: 999, - fontFamily: 'DM Mono, monospace', fontSize: 11, - fontWeight: accentTint ? 600 : 500, - flexShrink: 0, - }) + const STAT_W = 70 // Breite der gemeinsamen Stat-Box + // Gesamte 2-Reihen-Hoehe: 2 × BAR_H + gap (4px) = ~48px return (
- {/* Reihe 1, Spalte 1: Aktueller Live-Massstab — weiss, accent bei 100% */} -
- {isPerspective ? '—' : fmtScale(scaleVal)} + {/* Spalte 1, beide Reihen: EINE Pill mit Live-Massstab oben und + Zoom-% unten. Text-Hoehen bleiben identisch zu den + urspruenglichen 2 Chips — der Trennstrich sitzt in der Mitte + des 4px-Gaps zwischen ihnen. */} +
+
+ {isPerspective ? '—' : fmtScale(scaleVal)} +
+
+
+
+
+ {ratioText} +
{/* Reihe 1, Spalte 2: Gesetzter Massstab Dropdown — KEIN Icon, gleiche Breite wie Buttons-Pill darunter, exakt uebereinander */} @@ -709,13 +733,6 @@ export default function OberleisteApp() { )} - {/* Reihe 2, Spalte 1: Zoom-Verhaeltnis */} -
- {ratioText} -
{/* Reihe 2, Spalte 2: Buttons-Pill — gleiche Breite wie Dropdown */}