fix: iOS/iPad text color — text-gray-900 on all inputs, tables, headings

Alle Eingabefelder, Tabellenzellen und Überschriften ohne explizite
Textfarbe wurden mit text-gray-900 versehen. iOS rendert sonst
system-default-Farben, die auf weißem Hintergrund kaum lesbar sind.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-06-04 14:07:18 +02:00
parent 3ab4779ee5
commit 8c60089325
6 changed files with 30 additions and 30 deletions
+3 -3
View File
@@ -53,7 +53,7 @@ export default function MainClient({ kuerzel, beoId, beoName, role }: Props) {
{/* Header */}
<div className="flex justify-between items-start sm:items-center mb-3 gap-2 print:hidden">
<h1 className="text-xl sm:text-2xl font-bold leading-tight">
<h1 className="text-xl sm:text-2xl font-bold leading-tight text-gray-900">
<span className="hidden sm:inline">Sternwarte-Welzheim &nbsp; </span>
Führungsbuch für {activeKuppel}-Kuppel
</h1>
@@ -179,7 +179,7 @@ export default function MainClient({ kuerzel, beoId, beoName, role }: Props) {
{activeTab === 'statistik' && (
<div className="border-2 border-gray-400 rounded-xl bg-white p-3 print:border-0 print:rounded-none print:p-0">
<div className="flex justify-between items-center mb-2 print:hidden gap-2">
<span className="text-sm font-semibold text-gray-600">Statistik (alle Kuppeln)</span>
<span className="text-sm font-semibold text-gray-900">Statistik (alle Kuppeln)</span>
<div className="flex items-center gap-2">
<button
onClick={() => window.print()}
@@ -203,7 +203,7 @@ export default function MainClient({ kuerzel, beoId, beoName, role }: Props) {
{activeTab === 'fahrkosten' && (role?.includes('admin') || role?.includes('master')) && (
<div className="border-2 border-gray-400 rounded-xl bg-white p-3 print:border-0 print:rounded-none print:p-0">
<div className="flex justify-between items-center mb-2 print:hidden">
<span className="text-sm font-semibold text-gray-600">Fahrkostenabrechnung</span>
<span className="text-sm font-semibold text-gray-900">Fahrkostenabrechnung</span>
<button
onClick={() => window.print()}
className="text-sm px-3 py-1.5 bg-gray-200 hover:bg-gray-300 text-gray-700 rounded-lg"