feat: layout style

This commit is contained in:
2025-01-12 23:36:00 +01:00
parent 0e4e1accf7
commit 9b88f40efe
4 changed files with 66 additions and 55 deletions

View File

@@ -16,21 +16,18 @@
{#if data.tasks.length > 0}
<div class="overflow-x-auto w-full">
<table class="min-w-full bg-white border border-gray-200">
<table class="min-w-full">
<thead>
<tr class="bg-gray-100">
<th class="px-6 py-3 border-b text-left text-sm font-semibold text-gray-700">Name</th>
<th class="px-6 py-3 border-b text-left text-sm font-semibold text-gray-700">Type</th>
<th class="px-6 py-3 border-b text-left text-sm font-semibold text-gray-700"
>Progress</th
>
<th class="px-6 py-3 border-b text-left text-sm font-semibold text-gray-700">Actions</th
>
<tr class="border-b border-white">
<th class="px-6 py-3 text-left text-sm font-semibold">Name</th>
<th class="px-6 py-3 text-left text-sm font-semibold">Type</th>
<th class="px-6 py-3 text-left text-sm font-semibold">Progress</th>
<th class="px-6 py-3 text-left text-sm font-semibold">Actions</th>
</tr>
</thead>
<tbody>
{#each data.tasks as task, index}
<tr class="{index % 2 === 0 ? 'bg-white' : 'bg-gray-50'} hover:bg-gray-200">
<tr class="{index % 2 === 0 ? 'bg-black' : 'bg-gray-950'} hover:bg-gray-800">
<td class="px-6 py-2 border-b">
<a href={`/progress/${task.id}`} class="text-blue-500 hover:underline">
{task.name}