Added links site table

This commit is contained in:
Nicolai Ort 2021-08-16 16:29:22 +02:00
parent a7e4a98b2b
commit d80986d60e
Signed by: niggl
GPG Key ID: 13AFA55AF62F269F
1 changed files with 41 additions and 34 deletions

View File

@ -3,37 +3,44 @@
</script>
<h2 class="text-3xl font-bold text-gray-800 dark:text-gray-100 pb-6">Manage all links</h2>
<div class="grid gap-6 mb-8 md:grid-cols-2 xl:grid-cols-4">
<Statscard title="Links created">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"
/>
</svg>
</Statscard>
<Statscard title="Visits">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="2"
d="M15 15l-2 5L9 9l11 4-5 2zm0 0l5 5M7.188 2.239l.777 2.897M5.136 7.965l-2.898-.777M13.95 4.05l-2.122 2.122m-5.657 5.656l-2.12 2.122"
/>
</svg>
</Statscard>
</div>
<div class="rounded-xl">
<table class="min-w-full divide-y divide-gray-200">
<thead class="bg-gray-50 dark:bg-gray-900 text-gray-800 dark:text-gray-100">
<tr>
<th
scope="col"
class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider"
>
Shortcode
</th>
<th
scope="col"
class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider"
>
Target
</th>
<th
scope="col"
class="px-6 py-3 text-left text-xs font-medium uppercase tracking-wider"
>
Visits
</th>
<th scope="col" class="relative px-6 py-3">
<span class="sr-only">Edit</span>
</th>
</tr>
</thead>
<tbody class="bg-white dark:bg-gray-700 divide-y divide-gray-200 dark:text-gray-100" x-max="1">
<tr>
<td class="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900 dark:text-gray-200"> TODO </td>
<td class="px-6 py-4 whitespace-nowrap text-sm">
<a href="https://sthsth">https://sthsth</a>
</td>
<td class="px-6 py-4 whitespace-nowrap text-sm"> 69 </td>
<td class="px-6 py-4 whitespace-nowrap text-right text-sm font-medium">
<a href="#" class="text-indigo-600 dark:text-red-600 hover:text-indigo-900 dark:hover:text-red-900">Delete</a>
</td>
</tr>
</tbody>
</table>
</div>