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

Knigge: card-body statt inline Padding — SW by-v420

Browse source
This commit is contained in:
rene 2026-04-26 10:02:10 +02:00
parent aa49ff1f85
commit acf8040238
3 changed files with 23 additions and 17 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. Router, State-Management, Navigation, Initialisierung.
============================================================ */ ============================================================ */
const APP_VER = '398'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen const APP_VER = '399'; // ← bei jedem Deploy mit Frontend-Änderungen erhöhen
const App = (() => { const App = (() => {

12
backend/static/js/pages/knigge.js
View file

@ -173,7 +173,8 @@ window.Page_knigge = (() => {
// ---------------------------------------------------------- // ----------------------------------------------------------
function _renderVoting() { function _renderVoting() {
const cards = SZENARIEN.map(s => ` const cards = SZENARIEN.map(s => `
<div class="card" style="margin-bottom:var(--space-4);padding:var(--space-4)" id="sz-${s.id}"> <div class="card" style="margin-bottom:var(--space-4)" id="sz-${s.id}">
<div class="card-body">
<p style="font-weight:var(--weight-semibold);margin-bottom:var(--space-3);line-height:1.5"> <p style="font-weight:var(--weight-semibold);margin-bottom:var(--space-3);line-height:1.5">
${_esc(s.frage)} ${_esc(s.frage)}
</p> </p>
@ -188,6 +189,7 @@ window.Page_knigge = (() => {
</div> </div>
<div class="knigge-vote-result hidden" id="res-${s.id}"></div> <div class="knigge-vote-result hidden" id="res-${s.id}"></div>
</div> </div>
</div>
`).join(''); `).join('');
return ` return `
@ -295,7 +297,8 @@ window.Page_knigge = (() => {
<h2 style="font-size:var(--text-lg);font-weight:700;margin:var(--space-6) 0 var(--space-3)"> <h2 style="font-size:var(--text-lg);font-weight:700;margin:var(--space-6) 0 var(--space-3)">
${UI.icon('robot')} KI-Situationsberater ${UI.icon('robot')} KI-Situationsberater
</h2> </h2>
<div class="card" style="padding:var(--space-4)"> <div class="card">
<div class="card-body">
<textarea id="ki-situation-input" class="form-control" <textarea id="ki-situation-input" class="form-control"
rows="3" rows="3"
placeholder="Beschreibe deine Situation…" placeholder="Beschreibe deine Situation…"
@ -305,6 +308,7 @@ window.Page_knigge = (() => {
</button> </button>
<div id="ki-rat-result" style="margin-top:var(--space-4);display:none"></div> <div id="ki-rat-result" style="margin-top:var(--space-4);display:none"></div>
</div> </div>
</div>
`; `;
} }
@ -363,7 +367,8 @@ window.Page_knigge = (() => {
<h2 style="font-size:var(--text-lg);font-weight:700;margin:var(--space-6) 0 var(--space-3)"> <h2 style="font-size:var(--text-lg);font-weight:700;margin:var(--space-6) 0 var(--space-3)">
${UI.icon('shield')} Haftpflicht-Hinweise ${UI.icon('shield')} Haftpflicht-Hinweise
</h2> </h2>
<div class="card" style="margin-bottom:var(--space-8);padding:var(--space-4)"> <div class="card" style="margin-bottom:var(--space-8)">
<div class="card-body">
<ul style="list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)"> <ul style="list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)">
<li style="display:flex;gap:var(--space-3);align-items:flex-start"> <li style="display:flex;gap:var(--space-3);align-items:flex-start">
<span style="font-size:1.2rem;flex-shrink:0">${UI.icon('scales')}</span> <span style="font-size:1.2rem;flex-shrink:0">${UI.icon('scales')}</span>
@ -390,6 +395,7 @@ window.Page_knigge = (() => {
Dies ist keine Rechtsberatung. Dies ist keine Rechtsberatung.
</p> </p>
</div> </div>
</div>
`; `;
} }

2
backend/static/sw.js
View file

@ -3,7 +3,7 @@
Offline-Cache + Push Notifications + Tile-Cache Offline-Cache + Push Notifications + Tile-Cache
============================================================ */ ============================================================ */
const CACHE_VERSION = 'by-v419'; const CACHE_VERSION = 'by-v420';
const CACHE_STATIC = `${CACHE_VERSION}-static`; const CACHE_STATIC = `${CACHE_VERSION}-static`;
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten