table styling

main
Zynh0722 2023-11-05 10:46:46 -08:00
parent 0a8eb848ef
commit ba509400cb
1 changed files with 11 additions and 12 deletions

View File

@ -16,31 +16,30 @@
<div class="flex">
<table class="m-auto table-auto w-4/5">
<thead>
<thead class="text-xs text-gray-700 bg-gray-50">
<tr>
<th>Shift ID</th>
<th>Shift Start</th>
<th>Shift End</th>
<th scope="col" class="px-6 py-3">Shift ID</th>
<th scope="col" class="px-6 py-3">Shift Start</th>
<th scope="col" class="px-6 py-3">Shift End</th>
<th></th>
</tr>
</thead>
<tbody>
@for shift in shifts {
<tr class="odd:bg-neutral-200">
<td class="text-center">@shift.id</td>
<td class="text-center">@shift.start.format("%A, %b %m - %H:%M")</td>
<td class="text-center">
<tr class="bg-white odd:bg-neutral-50 border-b">
<td scope="row" class="text-center px-6 py-3">@shift.id</td>
<td class="text-center px-6 py-3">@shift.start.format("%A, %b %m - %H:%M")</td>
<td class="text-center px-6 py-3">
@if let Some(end) = shift.end {
@end.format("%A, %b %m - %H:%M")
} else {
Currently Open
}
</td>
<td hx-boost="true" class="flex justify-end">
<a href="/shifts/@shift.id/report">
<button type="button" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5">
<td hx-boost="true" class="px-6 py-4">
<a href="/shifts/@shift.id/report" class="text-center font-medium text-blue-600 hover:underline">
View Shift
</button>
</a>
</td>
</tr>