paul/audi-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Zuletzt-Kachel: Werte jetzt wirklich spaltenbündig

Browse Source 
- .teaser-Klasse auf die Kachel gesetzt (teaser()).
- .teaser .leaf .v: min-width:72px (gleiche Spaltenbreite je Zeile).
- .teaser .leaf .k: flex:1 1 auto, damit unterschiedlich lange Labels nicht
  mehr über justify-content:space-between den ganzen Rest der Zeile
  verschieben - vorher blieben .v-Boxen zwar gleich breit, saßen aber an
  unterschiedlichen X-Positionen.

Co-Authored-By: Claude Sonnet 5 <[email protected]>
This commit is contained in:
tobias
2026-08-28 11:31:07 +02:00
co-authored by Claude Sonnet 5
parent dd8d62e3b3
commit 8f88ccf581
4 changed files with 37 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
custom_components/audi_dashboard/frontend/audi-dashboard-app.js
+1 -1
View File
@@ -1187,7 +1187,7 @@ function badge() {
function teaser() {
if (!TRIPS.length && !FILLS.length) return "";
const t = TRIPS[0], f = FILLS[0];
return `<div class="tile"><span class="label">Zuletzt</span>
return `<div class="tile teaser"><span class="label">Zuletzt</span>
${t ? `<button class="leaf" style="padding-left:0" data-go="trip:${t.trip_id}">
<span class="k">Letzte Fahrt<small>${esc(t.start_address || "")} → ${esc(t.end_address || "")}</small></span>
<span class="v">${t.distance_km != null ? de(t.distance_km) + " km" : "offen"}<small>${t.status}</small></span>