ShineBridge v1.9.4 — Finanzen-Chart: Obergrenze für Desktop-Breite

width:100% ohne max-width lässt die SVG auf breiten Desktop-Bildschirmen
ungebremst mit dem Container mitwachsen (Text/Balken/Höhe proportional riesig).
max-width:640px begrenzt das, bleibt auf Handy weiterhin voll fluid.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
retr0
2026-08-25 14:07:04 +02:00
co-authored by Claude Sonnet 5
parent 608f6bfd42
commit e6422892f3
2 changed files with 2 additions and 2 deletions
+1 -1
View File
@@ -1,5 +1,5 @@
name: ShineBridge name: ShineBridge
version: "1.9.3" version: "1.9.4"
slug: shinebridge slug: shinebridge
description: Energiemanagement für Growatt/Goodwe-Wechselrichter — PV-Überschussladen, Wallbox-EMS, Tarifvergleich, Zigbee2MQTT-Überschussgeräte description: Energiemanagement für Growatt/Goodwe-Wechselrichter — PV-Überschussladen, Wallbox-EMS, Tarifvergleich, Zigbee2MQTT-Überschussgeräte
url: https://gitea.bitfire.work/retr0/shinebridge url: https://gitea.bitfire.work/retr0/shinebridge
+1 -1
View File
@@ -878,7 +878,7 @@ async function loadFinance() {
const chartSection = ` const chartSection = `
<div style="border-top:1px solid var(--border);padding-top:24px;margin-top:4px"> <div style="border-top:1px solid var(--border);padding-top:24px;margin-top:4px">
<div style="font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:14px">Kosten je ${bucketLabel}${rangeNote}</div> <div style="font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:14px">Kosten je ${bucketLabel}${rangeNote}</div>
<svg viewBox="0 0 ${W} ${H}" style="width:100%;height:auto;display:block"> <svg viewBox="0 0 ${W} ${H}" style="width:100%;max-width:640px;height:auto;display:block">
${defs}${gridLines}${yLabels}${bars}${xLabels} ${defs}${gridLines}${yLabels}${bars}${xLabels}
</svg> </svg>
${legend} ${legend}