This commit is contained in:
pasqualevitiello
2023-06-01 14:59:41 +02:00
parent 2df9ad1fbe
commit ebb6163110
46 changed files with 1066 additions and 739 deletions
+6 -6
View File
@@ -1,7 +1,7 @@
<template>
<div class="col-span-full xl:col-span-6 bg-white shadow-lg rounded-sm border border-gray-200">
<header class="px-5 py-4 border-b border-gray-100">
<h2 class="font-semibold text-gray-800">Customers</h2>
<div class="col-span-full xl:col-span-6 bg-white dark:bg-slate-800 shadow-lg rounded-sm border border-slate-200 dark:border-slate-700">
<header class="px-5 py-4 border-b border-slate-100 dark:border-slate-700">
<h2 class="font-semibold text-slate-800 dark:text-slate-100">Customers</h2>
</header>
<div class="p-3">
@@ -9,7 +9,7 @@
<div class="overflow-x-auto">
<table class="table-auto w-full">
<!-- Table header -->
<thead class="text-xs font-semibold uppercase text-gray-400 bg-gray-50">
<thead class="text-xs font-semibold uppercase dark:text-slate-500 bg-slate-50 dark:bg-slate-700 dark:bg-opacity-50">
<tr>
<th class="p-2 whitespace-nowrap">
<div class="font-semibold text-left">Name</div>
@@ -26,7 +26,7 @@
</tr>
</thead>
<!-- Table body -->
<tbody class="text-sm divide-y divide-gray-100">
<tbody class="text-sm divide-y divide-slate-100 dark:divide-slate-700">
<tr
v-for="customer in customers"
:key="customer.id"
@@ -36,7 +36,7 @@
<div class="w-10 h-10 shrink-0 mr-2 sm:mr-3">
<img class="rounded-full" :src="customer.image" width="40" height="40" :alt="customer.name" />
</div>
<div class="font-medium text-gray-800">{{customer.name}}</div>
<div class="font-medium text-slate-800 dark:text-slate-100">{{customer.name}}</div>
</div>
</td>
<td class="p-2 whitespace-nowrap">