weeb/lolispace-applications
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve table responsiveness

Browse Source
This commit is contained in:
weeb 2025-05-30 14:07:44 +02:00
parent b330c431ab
commit b18c5c42bf
1 changed files with 53 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
resources/views/livewire/application-list.blade.php
View File

@ -1,5 +1,5 @@
<div wire:poll.10s="refresh"> <div wire:poll.10s="refresh">
<div class="max-w-5xl mx-auto p-6"> <div class="max-w-5xl mx-auto p-6 ">
<h1 class="text-2xl font-bold mb-4">Application Management</h1> <h1 class="text-2xl font-bold mb-4">Application Management</h1>
<div class="mb-4"> <div class="mb-4">
@ -16,10 +16,11 @@
</flux:callout> </flux:callout>
@endif @endif
<table class="w-full border-collapse border border-gray-300 dark:border-neutral-950 rounded-lg"> <div class="bg-white dark:bg-zinc-900 shadow-md rounded-lg overflow-hidden">
<thead class="bg-gray-100 dark:bg-neutral-900"> <table class="min-w-full text-sm text-left text-zinc-700 dark:text-zinc-300">
<thead class="bg-zinc-100 dark:bg-zinc-950 text-xs uppercase text-zinc-500 dark:text-zinc-400">
<tr> <tr>
<th class="px-4 py-2 text-left">UUID</th> <th class="px-4 py-2 text-left hidden md:block">UUID</th>
<th class="px-4 py-2">Status</th> <th class="px-4 py-2">Status</th>
<th class="px-4 py-2">Uploads</th> <th class="px-4 py-2">Uploads</th>
<th class="px-4 py-2">Submitted</th> <th class="px-4 py-2">Submitted</th>
@ -28,8 +29,9 @@
</thead> </thead>
<tbody> <tbody>
@forelse ($applications as $app) @forelse ($applications as $app)
<tr> <tr class="border-b dark:border-zinc-700 hover:bg-zinc-50 dark:hover:bg-zinc-950">
<td class="px-4 py-2 font-mono text-sm">{{ $app->uuid }}</td> <td class="px-4 py-4 font-mono text-sm hidden md:block align-middle">{{ $app->uuid }}
</td>
<td class="px-4 py-2"> <td class="px-4 py-2">
@if ($app->status === 0) @if ($app->status === 0)
<span class="text-yellow-600 font-semibold">Pending</span> <span class="text-yellow-600 font-semibold">Pending</span>
@ -42,6 +44,7 @@
<td class="px-4 py-2 text-center">{{ $app->uploads->count() }}</td> <td class="px-4 py-2 text-center">{{ $app->uploads->count() }}</td>
<td class="px-4 py-2 text-sm">{{ $app->created_at->diffForHumans() }}</td> <td class="px-4 py-2 text-sm">{{ $app->created_at->diffForHumans() }}</td>
<td class="px-4 py-2"> <td class="px-4 py-2">
<div class="flex flex-col xl:flex-row">
<flux:button size="sm" variant="primary" <flux:button size="sm" variant="primary"
href="{{ route('application', ['uuid' => $app->uuid]) }}"> href="{{ route('application', ['uuid' => $app->uuid]) }}">
View View
@ -57,7 +60,7 @@
Reject Reject
</flux:button> </flux:button>
@endif @endif
</div>
</td> </td>
</tr> </tr>
@empty @empty
@ -67,7 +70,7 @@
@endforelse @endforelse
</tbody> </tbody>
</table> </table>
</div>
<div class="mt-4"> <div class="mt-4">
{{ $applications->links() }} {{ $applications->links() }}
</div> </div>