style: Widen header time inputs to prevent text cutoff

This commit is contained in:
mARTin 2026-02-13 10:08:58 +01:00
parent 5782c818ea
commit 5321f06820

View File

@ -1424,7 +1424,7 @@ export default function WeeklyView() {
max={endHour - 1} max={endHour - 1}
value={startHour} value={startHour}
onChange={(e) => setStartHour(Math.max(0, Math.min(parseInt(e.target.value) || 0, endHour - 1)))} onChange={(e) => setStartHour(Math.max(0, Math.min(parseInt(e.target.value) || 0, endHour - 1)))}
className="w-8 p-0.5 border border-gray-200 rounded text-center bg-transparent focus:outline-none focus:border-teal-500" className="w-12 p-0.5 border border-gray-200 rounded text-center bg-transparent focus:outline-none focus:border-teal-500"
/> />
<span>-</span> <span>-</span>
<input <input
@ -1433,7 +1433,7 @@ export default function WeeklyView() {
max="24" max="24"
value={endHour} value={endHour}
onChange={(e) => setEndHour(Math.max(startHour + 1, Math.min(parseInt(e.target.value) || 24, 24)))} onChange={(e) => setEndHour(Math.max(startHour + 1, Math.min(parseInt(e.target.value) || 24, 24)))}
className="w-8 p-0.5 border border-gray-200 rounded text-center bg-transparent focus:outline-none focus:border-teal-500" className="w-12 p-0.5 border border-gray-200 rounded text-center bg-transparent focus:outline-none focus:border-teal-500"
/> />
</div> </div>
</div> </div>