rene/banyaro
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: Giftliste Dark Mode — CSS-Variablen statt hardcoded #fff5f5/#fff3cd, --c-danger-border neu (SW by-v775)

Browse source
This commit is contained in:
rene 2026-05-08 13:07:06 +02:00
parent 8467f01b5b
commit 857c83bd65
6 changed files with 15 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

2
backend/static/js/app.js
View file

@ -3,7 +3,7 @@
Router, State-Management, Navigation, Initialisierung.
============================================================ */
const APP_VER = '774'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VER = '775'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const APP_VERSION = '1.5.0'; // ← semantische Version, wird bei make release gesetzt
const IS_STAGING = location.hostname === 'staging.banyaro.app';
// Cache-Bust-Parameter nach Update-Reload sofort entfernen

15
backend/static/js/pages/ernaehrung.js
View file

@ -460,22 +460,25 @@ window.Page_ernaehrung = (() => {
el.innerHTML = `
<div style="padding:var(--space-4) 0">
<div style="background:#fff3cd;border:1px solid #ffc107;border-radius:var(--radius-md);
padding:var(--space-3);margin-bottom:var(--space-4);
font-size:var(--text-sm)">
<div style="background:var(--c-warning-subtle,rgba(255,193,7,0.15));
border:1px solid var(--c-warning,#ffc107);
border-radius:var(--radius-md);padding:var(--space-3);
margin-bottom:var(--space-4);font-size:var(--text-sm);
color:var(--c-text)">
<strong>⚠️ Notfall-Tierarzt:</strong> Bei Verdacht auf Vergiftung sofort zum Tierarzt.
Nicht abwarten, auch wenn noch keine Symptome sichtbar sind.
</div>
<div style="display:grid;gap:var(--space-2)">
${items.map(item => `
<div style="background:#fff5f5;border:1px solid #fed7d7;
<div style="background:var(--c-danger-subtle,rgba(220,38,38,0.08));
border:1px solid var(--c-danger-border,rgba(220,38,38,0.25));
border-radius:var(--radius-md);padding:var(--space-3)">
<div style="display:flex;align-items:center;gap:var(--space-2)">
<span style="font-size:1.4rem">${item.emoji}</span>
<div>
<div style="font-weight:600;font-size:var(--text-sm)">${_esc(item.name)}</div>
<div style="font-size:var(--text-xs);color:#c53030">${_esc(item.grund)}</div>
<div style="font-weight:600;font-size:var(--text-sm);color:var(--c-text)">${_esc(item.name)}</div>
<div style="font-size:var(--text-xs);color:var(--c-danger)">${_esc(item.grund)}</div>
</div>
</div>
</div>