#138 - fix tables on safari (#139)

This commit is contained in:
Adrian Hopek 2022-04-29 09:22:02 +02:00 committed by GitHub
parent 6b2556c1da
commit 06863b854a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 9 additions and 13 deletions

View File

@ -132,9 +132,11 @@
</tr> </tr>
</thead> </thead>
<tbody class="bg-white divide-y divide-gray-100"> <tbody class="bg-white divide-y divide-gray-100">
<tr <InertiaLink
v-for="request in requests.data" v-for="request in requests.data"
:key="request.id" :key="request.id"
:href="`/vacation/requests/${request.id}`"
as="tr"
class="relative hover:bg-blumilk-25" class="relative hover:bg-blumilk-25"
> >
<td class="p-4 text-sm text-gray-500 whitespace-nowrap"> <td class="p-4 text-sm text-gray-500 whitespace-nowrap">
@ -167,12 +169,8 @@
> >
<ChevronRightIcon class="block w-6 h-6 fill-blumilk-500" /> <ChevronRightIcon class="block w-6 h-6 fill-blumilk-500" />
</InertiaLink> </InertiaLink>
<InertiaLink
:href="`/vacation/requests/${request.id}`"
class="absolute inset-0 focus:outline-blumilk-500"
/>
</td> </td>
</tr> </InertiaLink>
<tr v-if="! requests.data.length"> <tr v-if="! requests.data.length">
<td <td
colspan="100%" colspan="100%"

View File

@ -211,10 +211,12 @@
</tr> </tr>
</thead> </thead>
<tbody class="bg-white divide-y divide-gray-100"> <tbody class="bg-white divide-y divide-gray-100">
<tr <InertiaLink
v-for="request in requests.data" v-for="request in requests.data"
:key="request.id" :key="request.id"
class="relative hover:bg-blumilk-25" as="tr"
:href="`/vacation/requests/${request.id}`"
class="relative hover:bg-blumilk-25 hover:cursor-pointer"
> >
<td class="p-4 text-sm text-gray-500 whitespace-nowrap"> <td class="p-4 text-sm text-gray-500 whitespace-nowrap">
<InertiaLink <InertiaLink
@ -261,12 +263,8 @@
> >
<ChevronRightIcon class="block w-6 h-6 fill-blumilk-500" /> <ChevronRightIcon class="block w-6 h-6 fill-blumilk-500" />
</InertiaLink> </InertiaLink>
<InertiaLink
:href="`/vacation/requests/${request.id}`"
class="absolute inset-0 focus:outline-blumilk-500"
/>
</td> </td>
</tr> </InertiaLink>
<tr v-if="! requests.data.length"> <tr v-if="! requests.data.length">
<td <td
colspan="100%" colspan="100%"