From 0545c9ded3006dc84b393a076f91268e14aa69ae Mon Sep 17 00:00:00 2001
From: Jeremy Angele <131715596+angelej@users.noreply.github.com>
Date: Thu, 6 Feb 2025 22:36:39 +0100
Subject: [PATCH] fix: vertical centering no-results on exceptions card (#439)

---
 resources/views/livewire/exceptions.blade.php | 92 +++++++++----------
 1 file changed, 45 insertions(+), 47 deletions(-)

diff --git a/resources/views/livewire/exceptions.blade.php b/resources/views/livewire/exceptions.blade.php
index 321ef0d3..1091981f 100644
--- a/resources/views/livewire/exceptions.blade.php
+++ b/resources/views/livewire/exceptions.blade.php
@@ -22,54 +22,52 @@
     </x-pulse::card-header>
 
     <x-pulse::scroll :expand="$expand" wire:poll.5s="">
-        <div class="min-h-full flex flex-col">
-            @if ($exceptions->isEmpty())
-                <x-pulse::no-results />
-            @else
-                <x-pulse::table>
-                    <colgroup>
-                        <col width="100%" />
-                        <col width="0%" />
-                        <col width="0%" />
-                    </colgroup>
-                    <x-pulse::thead>
-                        <tr>
-                            <x-pulse::th>Type</x-pulse::th>
-                            <x-pulse::th class="text-right">Latest</x-pulse::th>
-                            <x-pulse::th class="text-right">Count</x-pulse::th>
+        @if ($exceptions->isEmpty())
+            <x-pulse::no-results />
+        @else
+            <x-pulse::table>
+                <colgroup>
+                    <col width="100%" />
+                    <col width="0%" />
+                    <col width="0%" />
+                </colgroup>
+                <x-pulse::thead>
+                    <tr>
+                        <x-pulse::th>Type</x-pulse::th>
+                        <x-pulse::th class="text-right">Latest</x-pulse::th>
+                        <x-pulse::th class="text-right">Count</x-pulse::th>
+                    </tr>
+                </x-pulse::thead>
+                <tbody>
+                    @foreach ($exceptions->take(100) as $exception)
+                        <tr wire:key="{{ $exception->class.$exception->location }}-spacer" class="h-2 first:h-0"></tr>
+                        <tr wire:key="{{ $exception->class.$exception->location }}-row">
+                            <x-pulse::td class="max-w-[1px]">
+                                <code class="block text-xs text-gray-900 dark:text-gray-100 truncate" title="{{ $exception->class }}">
+                                    {{ $exception->class }}
+                                </code>
+                                <p class="mt-1 text-xs text-gray-500 dark:text-gray-400 truncate" title="{{ $exception->location }}">
+                                    {{ $exception->location }}
+                                </p>
+                            </x-pulse::td>
+                            <x-pulse::td numeric class="text-gray-700 dark:text-gray-300 font-bold">
+                                {{ $exception->latest->ago(syntax: Carbon\CarbonInterface::DIFF_ABSOLUTE, short: true) }}
+                            </x-pulse::td>
+                            <x-pulse::td numeric class="text-gray-700 dark:text-gray-300 font-bold">
+                                @if ($config['sample_rate'] < 1)
+                                    <span title="Sample rate: {{ $config['sample_rate'] }}, Raw value: {{ number_format($exception->count) }}">~{{ number_format($exception->count * (1 / $config['sample_rate'])) }}</span>
+                                @else
+                                    {{ number_format($exception->count) }}
+                                @endif
+                            </x-pulse::td>
                         </tr>
-                    </x-pulse::thead>
-                    <tbody>
-                        @foreach ($exceptions->take(100) as $exception)
-                            <tr wire:key="{{ $exception->class.$exception->location }}-spacer" class="h-2 first:h-0"></tr>
-                            <tr wire:key="{{ $exception->class.$exception->location }}-row">
-                                <x-pulse::td class="max-w-[1px]">
-                                    <code class="block text-xs text-gray-900 dark:text-gray-100 truncate" title="{{ $exception->class }}">
-                                        {{ $exception->class }}
-                                    </code>
-                                    <p class="mt-1 text-xs text-gray-500 dark:text-gray-400 truncate" title="{{ $exception->location }}">
-                                        {{ $exception->location }}
-                                    </p>
-                                </x-pulse::td>
-                                <x-pulse::td numeric class="text-gray-700 dark:text-gray-300 font-bold">
-                                    {{ $exception->latest->ago(syntax: Carbon\CarbonInterface::DIFF_ABSOLUTE, short: true) }}
-                                </x-pulse::td>
-                                <x-pulse::td numeric class="text-gray-700 dark:text-gray-300 font-bold">
-                                    @if ($config['sample_rate'] < 1)
-                                        <span title="Sample rate: {{ $config['sample_rate'] }}, Raw value: {{ number_format($exception->count) }}">~{{ number_format($exception->count * (1 / $config['sample_rate'])) }}</span>
-                                    @else
-                                        {{ number_format($exception->count) }}
-                                    @endif
-                                </x-pulse::td>
-                            </tr>
-                        @endforeach
-                    </tbody>
-                </x-pulse::table>
-            @endif
+                    @endforeach
+                </tbody>
+            </x-pulse::table>
+        @endif
 
-            @if ($exceptions->count() > 100)
-                <div class="mt-2 text-xs text-gray-400 text-center">Limited to 100 entries</div>
-            @endif
-        </div>
+        @if ($exceptions->count() > 100)
+            <div class="mt-2 text-xs text-gray-400 text-center">Limited to 100 entries</div>
+        @endif
     </x-pulse::scroll>
 </x-pulse::card>