Initial commit BIJ CI4
This commit is contained in:
BIJ Dev
341
public/assets/tailadmin/partials/table/table-01.html
Normal file
341
public/assets/tailadmin/partials/table/table-01.html
Normal file
@@ -0,0 +1,341 @@
|
||||
<div
|
||||
class="overflow-hidden rounded-2xl border border-gray-200 bg-white px-4 pb-3 pt-4 dark:border-gray-800 dark:bg-white/[0.03] sm:px-6"
|
||||
>
|
||||
<div
|
||||
class="flex flex-col gap-2 mb-4 sm:flex-row sm:items-center sm:justify-between"
|
||||
>
|
||||
<div>
|
||||
<h3 class="text-lg font-semibold text-gray-800 dark:text-white/90">
|
||||
Recent Orders
|
||||
</h3>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center gap-3">
|
||||
<button
|
||||
class="inline-flex items-center gap-2 rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-theme-sm font-medium text-gray-700 shadow-theme-xs hover:bg-gray-50 hover:text-gray-800 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-white/[0.03] dark:hover:text-gray-200"
|
||||
>
|
||||
<svg
|
||||
class="stroke-current fill-white dark:fill-gray-800"
|
||||
width="20"
|
||||
height="20"
|
||||
viewBox="0 0 20 20"
|
||||
fill="none"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<path
|
||||
d="M2.29004 5.90393H17.7067"
|
||||
stroke=""
|
||||
stroke-width="1.5"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M17.7075 14.0961H2.29085"
|
||||
stroke=""
|
||||
stroke-width="1.5"
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
/>
|
||||
<path
|
||||
d="M12.0826 3.33331C13.5024 3.33331 14.6534 4.48431 14.6534 5.90414C14.6534 7.32398 13.5024 8.47498 12.0826 8.47498C10.6627 8.47498 9.51172 7.32398 9.51172 5.90415C9.51172 4.48432 10.6627 3.33331 12.0826 3.33331Z"
|
||||
fill=""
|
||||
stroke=""
|
||||
stroke-width="1.5"
|
||||
/>
|
||||
<path
|
||||
d="M7.91745 11.525C6.49762 11.525 5.34662 12.676 5.34662 14.0959C5.34661 15.5157 6.49762 16.6667 7.91745 16.6667C9.33728 16.6667 10.4883 15.5157 10.4883 14.0959C10.4883 12.676 9.33728 11.525 7.91745 11.525Z"
|
||||
fill=""
|
||||
stroke=""
|
||||
stroke-width="1.5"
|
||||
/>
|
||||
</svg>
|
||||
|
||||
Filter
|
||||
</button>
|
||||
|
||||
<button
|
||||
class="inline-flex items-center gap-2 rounded-lg border border-gray-300 bg-white px-4 py-2.5 text-theme-sm font-medium text-gray-700 shadow-theme-xs hover:bg-gray-50 hover:text-gray-800 dark:border-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-white/[0.03] dark:hover:text-gray-200"
|
||||
>
|
||||
See all
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="w-full overflow-x-auto">
|
||||
<table class="min-w-full">
|
||||
<!-- table header start -->
|
||||
<thead>
|
||||
<tr class="border-gray-100 border-y dark:border-gray-800">
|
||||
<th class="py-3">
|
||||
<div class="flex items-center">
|
||||
<p
|
||||
class="font-medium text-gray-500 text-theme-xs dark:text-gray-400"
|
||||
>
|
||||
Products
|
||||
</p>
|
||||
</div>
|
||||
</th>
|
||||
<th class="py-3">
|
||||
<div class="flex items-center">
|
||||
<p
|
||||
class="font-medium text-gray-500 text-theme-xs dark:text-gray-400"
|
||||
>
|
||||
Category
|
||||
</p>
|
||||
</div>
|
||||
</th class="py-3">
|
||||
<th class="py-3">
|
||||
<div class="flex items-center">
|
||||
<p
|
||||
class="font-medium text-gray-500 text-theme-xs dark:text-gray-400"
|
||||
>
|
||||
Price
|
||||
</p>
|
||||
</div>
|
||||
</th>
|
||||
<th class="py-3">
|
||||
<div class="flex items-center col-span-2">
|
||||
<p
|
||||
class="font-medium text-gray-500 text-theme-xs dark:text-gray-400"
|
||||
>
|
||||
Status
|
||||
</p>
|
||||
</div>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<!-- table header end -->
|
||||
|
||||
<tbody class="divide-y divide-gray-100 dark:divide-gray-800">
|
||||
<tr>
|
||||
<td class="py-3">
|
||||
<div class="flex items-center">
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="h-[50px] w-[50px] overflow-hidden rounded-md">
|
||||
<img src="./images/product/product-01.jpg" alt="Product" />
|
||||
</div>
|
||||
<div>
|
||||
<p
|
||||
class="font-medium text-gray-800 text-theme-sm dark:text-white/90"
|
||||
>
|
||||
Macbook pro 13”
|
||||
</p>
|
||||
<span class="text-gray-500 text-theme-xs dark:text-gray-400">
|
||||
2 Variants
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="py-3">
|
||||
<div class="flex items-center">
|
||||
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
||||
Laptop
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="py-3">
|
||||
<div class="flex items-center">
|
||||
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
||||
$2399.00
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="py-3">
|
||||
<div class="flex items-center">
|
||||
<p
|
||||
class="rounded-full bg-success-50 px-2 py-0.5 text-theme-xs font-medium text-success-600 dark:bg-success-500/15 dark:text-success-500"
|
||||
>
|
||||
Delivered
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- table item -->
|
||||
<tr>
|
||||
<td class="py-3">
|
||||
<div class="flex items-center">
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="h-[50px] w-[50px] overflow-hidden rounded-md">
|
||||
<img src="./images/product/product-02.jpg" alt="Product" />
|
||||
</div>
|
||||
<div>
|
||||
<p
|
||||
class="font-medium text-gray-800 text-theme-sm dark:text-white/90"
|
||||
>
|
||||
Apple Watch Ultra
|
||||
</p>
|
||||
<span class="text-gray-500 text-theme-xs dark:text-gray-400">
|
||||
1 Variants
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="py-3">
|
||||
<div class="flex items-center">
|
||||
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
||||
Watch
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="py-3">
|
||||
<div class="flex items-center">
|
||||
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
||||
$879.00
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="py-3">
|
||||
<div class="flex items-center">
|
||||
<p
|
||||
class="rounded-full bg-warning-50 px-2 py-0.5 text-theme-xs font-medium text-warning-600 dark:bg-warning-500/15 dark:text-orange-400"
|
||||
>
|
||||
Pending
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- table item -->
|
||||
<tr>
|
||||
<td class="py-3">
|
||||
<div class="flex items-center">
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="h-[50px] w-[50px] overflow-hidden rounded-md">
|
||||
<img src="./images/product/product-03.jpg" alt="Product" />
|
||||
</div>
|
||||
<div>
|
||||
<p
|
||||
class="font-medium text-gray-800 text-theme-sm dark:text-white/90"
|
||||
>
|
||||
iPhone 15 Pro Max
|
||||
</p>
|
||||
<span class="text-gray-500 text-theme-xs dark:text-gray-400">
|
||||
2 Variants
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="py-3">
|
||||
<div class="flex items-center">
|
||||
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
||||
SmartPhone
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="py-3">
|
||||
<div class="flex items-center">
|
||||
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
||||
$1869.00
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="py-3">
|
||||
<div class="flex items-center">
|
||||
<p
|
||||
class="rounded-full bg-success-50 px-2 py-0.5 text-theme-xs font-medium text-success-600 dark:bg-success-500/15 dark:text-success-500"
|
||||
>
|
||||
Delivered
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- table item -->
|
||||
<tr>
|
||||
<td class="py-3">
|
||||
<div class="flex items-center">
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="h-[50px] w-[50px] overflow-hidden rounded-md">
|
||||
<img src="./images/product/product-04.jpg" alt="Product" />
|
||||
</div>
|
||||
<div>
|
||||
<p
|
||||
class="font-medium text-gray-800 text-theme-sm dark:text-white/90"
|
||||
>
|
||||
iPad Pro 3rd Gen
|
||||
</p>
|
||||
<span class="text-gray-500 text-theme-xs dark:text-gray-400">
|
||||
2 Variants
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="py-3">
|
||||
<div class="flex items-center">
|
||||
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
||||
Electronics
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="py-3">
|
||||
<div class="flex items-center">
|
||||
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
||||
$1699.00
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="py-3">
|
||||
<div class="flex items-center">
|
||||
<p
|
||||
class="rounded-full bg-error-50 px-2 py-0.5 text-theme-xs font-medium text-error-600 dark:bg-error-500/15 dark:text-error-500"
|
||||
>
|
||||
Canceled
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<!-- table item -->
|
||||
<tr>
|
||||
<td class="py-3">
|
||||
<div class="flex items-center">
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="h-[50px] w-[50px] overflow-hidden rounded-md">
|
||||
<img src="./images/product/product-05.jpg" alt="Product" />
|
||||
</div>
|
||||
<div>
|
||||
<p
|
||||
class="font-medium text-gray-800 text-theme-sm dark:text-white/90"
|
||||
>
|
||||
Airpods Pro 2nd Gen
|
||||
</p>
|
||||
<span class="text-gray-500 text-theme-xs dark:text-gray-400">
|
||||
1 Variants
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="py-3">
|
||||
<div class="flex items-center">
|
||||
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
||||
Accessories
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="py-3">
|
||||
<div class="flex items-center">
|
||||
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
||||
$240.00
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="py-3">
|
||||
<div class="flex items-center">
|
||||
<p
|
||||
class="rounded-full bg-success-50 px-2 py-0.5 text-theme-xs font-medium text-success-700 dark:bg-success-500/15 dark:text-success-500"
|
||||
>
|
||||
Delivered
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<!-- table body end -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
381
public/assets/tailadmin/partials/table/table-06.html
Normal file
381
public/assets/tailadmin/partials/table/table-06.html
Normal file
@@ -0,0 +1,381 @@
|
||||
<div
|
||||
class="overflow-hidden rounded-xl border border-gray-200 bg-white dark:border-gray-800 dark:bg-white/[0.03]"
|
||||
>
|
||||
<div class="max-w-full overflow-x-auto">
|
||||
<table class="min-w-full">
|
||||
<!-- table header start -->
|
||||
<thead>
|
||||
<tr class="border-b border-gray-100 dark:border-gray-800">
|
||||
<th class="px-5 py-3 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<p
|
||||
class="font-medium text-gray-500 text-theme-xs dark:text-gray-400"
|
||||
>
|
||||
User
|
||||
</p>
|
||||
</div>
|
||||
</th>
|
||||
<th class="px-5 py-3 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<p
|
||||
class="font-medium text-gray-500 text-theme-xs dark:text-gray-400"
|
||||
>
|
||||
Project Name
|
||||
</p>
|
||||
</div>
|
||||
</th>
|
||||
<th class="px-5 py-3 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<p
|
||||
class="font-medium text-gray-500 text-theme-xs dark:text-gray-400"
|
||||
>
|
||||
Team
|
||||
</p>
|
||||
</div>
|
||||
</th>
|
||||
<th class="px-5 py-3 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<p
|
||||
class="font-medium text-gray-500 text-theme-xs dark:text-gray-400"
|
||||
>
|
||||
Status
|
||||
</p>
|
||||
</div>
|
||||
</th>
|
||||
<th class="px-5 py-3 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<p
|
||||
class="font-medium text-gray-500 text-theme-xs dark:text-gray-400"
|
||||
>
|
||||
Budget
|
||||
</p>
|
||||
</div>
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<!-- table header end -->
|
||||
<!-- table body start -->
|
||||
<tbody class="divide-y divide-gray-100 dark:divide-gray-800">
|
||||
<tr>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="w-10 h-10 overflow-hidden rounded-full">
|
||||
<img src="./images/user/user-17.jpg" alt="brand" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<span
|
||||
class="block font-medium text-gray-800 text-theme-sm dark:text-white/90"
|
||||
>
|
||||
Lindsey Curtis
|
||||
</span>
|
||||
<span
|
||||
class="block text-gray-500 text-theme-xs dark:text-gray-400"
|
||||
>
|
||||
Web Designer
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
||||
Agency Website
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<div class="flex -space-x-2">
|
||||
<div
|
||||
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
||||
>
|
||||
<img src="./images/user/user-22.jpg" alt="user" />
|
||||
</div>
|
||||
<div
|
||||
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
||||
>
|
||||
<img src="./images/user/user-23.jpg" alt="user" />
|
||||
</div>
|
||||
<div
|
||||
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
||||
>
|
||||
<img src="./images/user/user-24.jpg" alt="user" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<p
|
||||
class="rounded-full bg-success-50 px-2 py-0.5 text-theme-xs font-medium text-success-700 dark:bg-success-500/15 dark:text-success-500"
|
||||
>
|
||||
Active
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<p class="text-gray-500 text-theme-sm dark:text-gray-400">3.9K</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="w-10 h-10 overflow-hidden rounded-full">
|
||||
<img src="./images/user/user-18.jpg" alt="brand" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<span
|
||||
class="block font-medium text-gray-800 text-theme-sm dark:text-white/90"
|
||||
>
|
||||
Kaiya George
|
||||
</span>
|
||||
<span
|
||||
class="block text-gray-500 text-theme-xs dark:text-gray-400"
|
||||
>
|
||||
Project Manager
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
||||
Technology
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<div class="flex -space-x-2">
|
||||
<div
|
||||
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
||||
>
|
||||
<img src="./images/user/user-25.jpg" alt="user" />
|
||||
</div>
|
||||
<div
|
||||
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
||||
>
|
||||
<img src="./images/user/user-26.jpg" alt="user" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<p
|
||||
class="rounded-full bg-warning-50 px-2 py-0.5 text-theme-xs font-medium text-warning-700 dark:bg-warning-500/15 dark:text-warning-400"
|
||||
>
|
||||
Pending
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
||||
24.9K
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="w-10 h-10 overflow-hidden rounded-full">
|
||||
<img src="./images/user/user-19.jpg" alt="brand" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<span
|
||||
class="block font-medium text-gray-800 text-theme-sm dark:text-white/90"
|
||||
>
|
||||
Zain Geidt
|
||||
</span>
|
||||
<span
|
||||
class="block text-gray-500 text-theme-xs dark:text-gray-400"
|
||||
>
|
||||
Content Writer
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
||||
Blog Writing
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<div class="flex -space-x-2">
|
||||
<div
|
||||
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
||||
>
|
||||
<img src="./images/user/user-27.jpg" alt="user" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<p
|
||||
class="rounded-full bg-success-50 px-2 py-0.5 text-theme-xs font-medium text-success-700 dark:bg-success-500/15 dark:text-success-500"
|
||||
>
|
||||
Active
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
||||
12.7K
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="w-10 h-10 overflow-hidden rounded-full">
|
||||
<img src="./images/user/user-20.jpg" alt="brand" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<span
|
||||
class="block font-medium text-gray-800 text-theme-sm dark:text-white/90"
|
||||
>
|
||||
Abram Schleifer
|
||||
</span>
|
||||
<span
|
||||
class="block text-gray-500 text-theme-xs dark:text-gray-400"
|
||||
>
|
||||
Digital Marketer
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
||||
Social Media
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<div class="flex -space-x-2">
|
||||
<div
|
||||
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
||||
>
|
||||
<img src="./images/user/user-28.jpg" alt="user" />
|
||||
</div>
|
||||
<div
|
||||
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
||||
>
|
||||
<img src="./images/user/user-29.jpg" alt="user" />
|
||||
</div>
|
||||
<div
|
||||
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
||||
>
|
||||
<img src="./images/user/user-30.jpg" alt="user" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<p
|
||||
class="rounded-full bg-error-50 px-2 py-0.5 text-theme-xs font-medium text-error-700 dark:bg-error-500/15 dark:text-error-500"
|
||||
>
|
||||
Cancel
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<p class="text-gray-500 text-theme-sm dark:text-gray-400">2.8K</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<div class="flex items-center gap-3">
|
||||
<div class="w-10 h-10 overflow-hidden rounded-full">
|
||||
<img src="./images/user/user-21.jpg" alt="brand" />
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<span
|
||||
class="block font-medium text-gray-800 text-theme-sm dark:text-white/90"
|
||||
>
|
||||
Carla George
|
||||
</span>
|
||||
<span
|
||||
class="block text-gray-500 text-theme-xs dark:text-gray-400"
|
||||
>
|
||||
Front-end Developer
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<p class="text-gray-500 text-theme-sm dark:text-gray-400">
|
||||
Website
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<div class="flex -space-x-2">
|
||||
<div
|
||||
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
||||
>
|
||||
<img src="./images/user/user-31.jpg" alt="user" />
|
||||
</div>
|
||||
<div
|
||||
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
||||
>
|
||||
<img src="./images/user/user-32.jpg" alt="user" />
|
||||
</div>
|
||||
<div
|
||||
class="w-6 h-6 overflow-hidden border-2 border-white rounded-full dark:border-gray-900"
|
||||
>
|
||||
<img src="./images/user/user-33.jpg" alt="user" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<p
|
||||
class="rounded-full bg-success-50 px-2 py-0.5 text-theme-xs font-medium text-success-700 dark:bg-success-500/15 dark:text-success-500"
|
||||
>
|
||||
Active
|
||||
</p>
|
||||
</div>
|
||||
</td>
|
||||
<td class="px-5 py-4 sm:px-6">
|
||||
<div class="flex items-center">
|
||||
<p class="text-gray-500 text-theme-sm dark:text-gray-400">4,5K</p>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user