UI: reverse top headers, make height smaller

This commit is contained in:
Pieter Vander Vennet 2025-06-04 01:20:02 +02:00
parent 5981c958c0
commit 40369a012b

View file

@ -41,6 +41,7 @@
changeHours: number[] changeHours: number[]
changeTexts: string[] changeTexts: string[]
}[] = OH.partitionOHForDistance(changeHours, changeHourText) }[] = OH.partitionOHForDistance(changeHours, changeHourText)
weekdayHeaders.reverse(/* inplace reverse */)
const weekendDayHeaders: { const weekendDayHeaders: {
changeHours: number[] changeHours: number[]
changeTexts: string[] changeTexts: string[]
@ -91,7 +92,7 @@
{#each weekdayHeaders as weekdayHeader} {#each weekdayHeaders as weekdayHeader}
<tr> <tr>
<td style="width: 5%; min-width: 2.75rem;" /> <td style="width: 5%; min-width: 2.75rem;" />
<td class="relative h-8"> <td class="relative h-6">
<OpeningHoursHeader <OpeningHoursHeader
{earliestOpen} {earliestOpen}
{availableArea} {availableArea}
@ -127,7 +128,7 @@
{#each weekendDayHeaders as weekdayHeader} {#each weekendDayHeaders as weekdayHeader}
<tr> <tr>
<td style="width: 5%" /> <td style="width: 5%" />
<td class="relative h-8"> <td class="relative h-6">
<OpeningHoursHeader <OpeningHoursHeader
{earliestOpen} {earliestOpen}
{availableArea} {availableArea}