feat: layout style
This commit is contained in:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user