hipowered.dev/basecoat
1
0
Fork 0
mirror of https://github.com/hunvreus/basecoat.git synced 2026-11-15 14:38:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

More components and refactoring select

Browse Source
This commit is contained in:
Ronan Berder
2025-04-21 10:37:15 +08:00
parent ec2f68d3b0
commit 88af4152ab
23 changed files with 2357 additions and 1576 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/_includes/components/table.njk
+41 -89
View File
@@ -6,113 +6,65 @@
<div class="relative w-full overflow-x-auto">
<table class="table">
<caption>List of users</caption>
<caption>A list of your recent invoices.</caption>
<thead>
<tr>
<th scope="col">Name</th>
<th scope="col">Email</th>
<th scope="col">Role</th>
<th scope="col">Actions</th>
<th>Invoice</th>
<th>Status</th>
<th>Method</th>
<th>Amount</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<span class="font-medium flex items-center gap-x-2">
<img src="https://avatar.vercel.sh/sarah_chen" alt="Avatar" class="w-5 h-5 rounded-full">
Sarah Chen
</span>
</td>
<td>sarah.chen@example.com</td>
<td>Admin</td>
<td>
<a href="#" class="badge-outline">
View profile
{% lucide "arrow-up-right" %}
</a>
</td>
<td class="font-medium">INV001</td>
<td>Paid</td>
<td>Credit Card</td>
<td class="text-right">$250.00</td>
</tr>
<tr>
<td>
<span class="font-medium flex items-center gap-x-2">
<img src="https://avatar.vercel.sh/marcus_rodriguez" alt="Avatar" class="w-5 h-5 rounded-full">
Marcus Rodriguez
</span>
</td>
<td>m.rodriguez@example.com</td>
<td>Member</td>
<td>
<a href="#" class="badge-outline">
View profile
{% lucide "arrow-up-right" %}
</a>
</td>
<td class="font-medium">INV002</td>
<td>Pending</td>
<td>PayPal</td>
<td class="text-right">$150.00</td>
</tr>
<tr>
<td>
<span class="font-medium flex items-center gap-x-2">
<img src="https://avatar.vercel.sh/emma_thompson" alt="Avatar" class="w-5 h-5 rounded-full">
Emma Thompson
</span>
</td>
<td>emma.t@example.com</td>
<td>Member</td>
<td>
<a href="#" class="badge-outline">
View profile
{% lucide "arrow-up-right" %}
</a>
</td>
<td class="font-medium">INV003</td>
<td>Unpaid</td>
<td>Bank Transfer</td>
<td class="text-right">$350.00</td>
</tr>
<tr>
<td>
<span class="font-medium flex items-center gap-x-2">
<img src="https://avatar.vercel.sh/aiden_patel" alt="Avatar" class="w-5 h-5 rounded-full">
Aiden Patel
</span>
</td>
<td>a.patel@example.com</td>
<td>Admin</td>
<td>
<a href="#" class="badge-outline">
View profile
{% lucide "arrow-up-right" %}
</a>
</td>
<td class="font-medium">INV004</td>
<td>Paid</td>
<td>Paypal</td>
<td class="text-right">$450.00</td>
</tr>
<tr>
<td>
<span class="font-medium flex items-center gap-x-2">
<img src="https://avatar.vercel.sh/lisa_kim" alt="Avatar" class="w-5 h-5 rounded-full">
Lisa Kim
</span>
</td>
<td>l.kim@example.com</td>
<td>Guest</td>
<td>
<a href="#" class="badge-outline">
View profile
{% lucide "arrow-up-right" %}
</a>
</td>
<td class="font-medium">INV005</td>
<td>Paid</td>
<td>Credit Card</td>
<td class="text-right">$550.00</td>
</tr>
<tr>
<td>
<span class="font-medium flex items-center gap-x-2">
<img src="https://avatar.vercel.sh/james_wilson" alt="Avatar" class="w-5 h-5 rounded-full">
James Wilson
</span>
</td>
<td>jwilson@example.com</td>
<td>Member</td>
<td>
<a href="#" class="badge-outline">
View profile
{% lucide "arrow-up-right" %}
</a>
</td>
<td class="font-medium">INV006</td>
<td>Pending</td>
<td>Bank Transfer</td>
<td class="text-right">$200.00</td>
</tr>
<tr>
<td class="font-medium">INV007</td>
<td>Unpaid</td>
<td>Credit Card</td>
<td class="text-right">$300.00</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">Total</td>
<td class="text-right">$2,500.00</td>
</tr>
</tfoot>
</table>
</div>
</div>