v1.1.0: Druck-Optimierung, UI-Verbesserungen

- Drucklayout: kein innerer Rahmen, volle DIN-A4-Breite, @page-Regel
- Besucher-Spalte: zeigt keine 0 an wenn kein Wert eingetragen
- Beginn-Zeit synchronisiert automatisch die Ende-Zeit
- Hintergrundfarbe auf helles Blau (#EEF4FF)
- Listen-Tab und kompakte Vorschau mit weißem Rahmen
- Besucher-Spalte schmaler, Header als "Bes." abgekürzt
- Drucken-Button im Listen-Tab, Navigation bei Druck ausgeblendet

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-05-01 10:25:11 +02:00
parent 64acfdda6f
commit 7055fd0229
5 changed files with 64 additions and 36 deletions

View File

@@ -222,7 +222,10 @@ export default function LogbuchForm({ kuppel, currentUserBeo, editEntry, onSaved
/>
<TimePicker5
value={beginn.slice(11, 16)}
onChange={(t) => setBeginn(beginn.slice(0, 10) + 'T' + t)}
onChange={(t) => {
setBeginn(beginn.slice(0, 10) + 'T' + t);
setEnde(ende.slice(0, 10) + 'T' + t);
}}
className="w-24"
/>
</div>

View File

@@ -68,11 +68,11 @@ export default function LogbuchList({ kuppel, refreshKey, onEdit, limit = 20, co
<th className={`${head} whitespace-nowrap`}>Beginn</th>
<th className={`${head} whitespace-nowrap`}>Ende</th>
<th className={head}>Art</th>
<th className={`${head} text-center`}>Besucher</th>
<th className={`${head} text-center w-10`}>Bes.</th>
<th className={head}>BEOs</th>
<th className={head}>Objekte</th>
{!compact && <th className={head}>Bemerkungen</th>}
<th className={`${head} text-center`}>Aktionen</th>
<th className={`${head} text-center print:hidden`}>Aktionen</th>
</tr>
</thead>
<tbody>
@@ -81,15 +81,13 @@ export default function LogbuchList({ kuppel, refreshKey, onEdit, limit = 20, co
<td className={`${cell} whitespace-nowrap`}>{formatDateTime(e.Beginn, compact)}</td>
<td className={`${cell} whitespace-nowrap`}>{formatDateTime(e.Ende, compact)}</td>
<td className={cell}>{e.ArtFuehrung}</td>
<td className={`${cell} text-center`}>{e.Besucher}</td>
<td className={`${cell} text-center`}>{e.Besucher || ''}</td>
<td className={cell}>{e.BEOs || '—'}</td>
<td className={cell}>{e.Objekte || '—'}</td>
{!compact && (
<td className={`${cell} max-w-xs`}>
<span className="line-clamp-2">{e.Bemerkungen || ''}</span>
</td>
<td className={cell}>{e.Bemerkungen || ''}</td>
)}
<td className={`${cell} text-center whitespace-nowrap`}>
<td className={`${cell} text-center whitespace-nowrap print:hidden`}>
<button
onClick={() => onEdit(e)}
className="text-blue-600 hover:text-blue-800 mr-2 font-medium"