UX: Rechnungs-Modal Footer für Mobile, SW by-v1076

Footer-Layout neu strukturiert — kein Umbruch-Chaos mehr:
- Erste Zeile: Abbrechen | Speichern (Grid 1fr 1fr, gleich breit)
  oder bei sent/paid nur 'Schließen' volle Breite
- Zweite Zeile (wenn vorhanden): Stornieren als volle Breite,
  ghost-Style mit rotem Rand — destruktive Aktion klar getrennt
- Button-Text 'Änderungen speichern' → 'Speichern' (kein Abschneiden
  mehr auf iPhone)
This commit is contained in:
rene 2026-05-26 14:03:09 +02:00
parent c4a82e96fd
commit 280213c11d
5 changed files with 23 additions and 23 deletions

View file

@ -101,9 +101,9 @@
</script>
<!-- CSS: Reihenfolge ist wichtig — ?v= zwingt Browser zur Neuladung -->
<link rel="stylesheet" href="/css/design-system.css?v=1075">
<link rel="stylesheet" href="/css/layout.css?v=1075">
<link rel="stylesheet" href="/css/components.css?v=1075">
<link rel="stylesheet" href="/css/design-system.css?v=1076">
<link rel="stylesheet" href="/css/layout.css?v=1076">
<link rel="stylesheet" href="/css/components.css?v=1076">
</head>
<body>
@ -616,10 +616,10 @@
<div id="modal-container"></div>
<!-- JS: Reihenfolge ist wichtig — erst Basis, dann Features -->
<script src="/js/api.js?v=1075"></script>
<script src="/js/ui.js?v=1075"></script>
<script src="/js/app.js?v=1075"></script>
<script src="/js/worlds.js?v=1075"></script>
<script src="/js/api.js?v=1076"></script>
<script src="/js/ui.js?v=1076"></script>
<script src="/js/app.js?v=1076"></script>
<script src="/js/worlds.js?v=1076"></script>
<!-- Feature-Seiten werden lazy geladen -->

View file

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

View file

@ -4046,20 +4046,20 @@ window.Page_admin = (() => {
</form>
`,
footer: `
<div style="display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;flex-wrap:wrap">
<div>
${canCancel ? `
<button class="btn btn-ghost" id="${id}-cancel-invoice"
style="color:var(--c-danger);border:1px solid var(--c-danger)">
${UI.icon('x-circle')} Stornieren
</button>` : ''}
</div>
<div style="display:flex;gap:var(--space-2)">
<button class="btn btn-secondary" data-modal-close>${isLocked ? 'Schließen' : 'Abbrechen'}</button>
${!isLocked ? `<button class="btn btn-primary" form="${id}" type="submit">
${UI.icon('receipt')} ${isEdit ? 'Änderungen speichern' : 'Rechnung erstellen'}
<div style="display:flex;flex-direction:column;gap:var(--space-2);width:100%">
${isLocked
? `<button class="btn btn-secondary" data-modal-close style="width:100%">Schließen</button>`
: `<div style="display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)">
<button class="btn btn-secondary" data-modal-close>Abbrechen</button>
<button class="btn btn-primary" form="${id}" type="submit" style="min-width:0">
${UI.icon('receipt')} ${isEdit ? 'Speichern' : 'Erstellen'}
</button>
</div>`}
${canCancel ? `
<button class="btn btn-ghost" id="${id}-cancel-invoice"
style="width:100%;color:var(--c-danger);border:1px solid var(--c-danger)">
${UI.icon('x-circle')} Rechnung stornieren
</button>` : ''}
</div>
</div>
`,
});

View file

@ -4,7 +4,7 @@
============================================================ */
// ← EINZIGE Stelle für die Version — STATIC_ASSETS und CACHE_VERSION leiten sich ab
const VER = '1075';
const VER = '1076';
const CACHE_VERSION = `by-v${VER}`;
const CACHE_STATIC = `${CACHE_VERSION}-static`;
const CACHE_TILES = 'ban-yaro-tiles-v1'; // bleibt über SW-Updates erhalten