tentative table styling
This commit is contained in:
parent
0d537963ab
commit
6c1fa49350
1 changed files with 21 additions and 23 deletions
|
@ -15,6 +15,7 @@
|
||||||
Dancers
|
Dancers
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
|
<form hx-post="/api/dancers" hx-target="find #dancer_list" hx-swap="afterend" hx-on::after-request="if(event.detail.successful) this.reset()">
|
||||||
<table class="m-auto table-auto w-4/5">
|
<table class="m-auto table-auto w-4/5">
|
||||||
<thead class="text-xs text-gray-700 bg-gray-50">
|
<thead class="text-xs text-gray-700 bg-gray-50">
|
||||||
<tr>
|
<tr>
|
||||||
|
@ -25,9 +26,7 @@
|
||||||
</thead>
|
</thead>
|
||||||
|
|
||||||
<tbody id="dancer_list">
|
<tbody id="dancer_list">
|
||||||
<tr hx-target="this" class="bg-white even:bg-neutral-50 border-b">
|
<tr class="bg-white even:bg-neutral-50 border-b">
|
||||||
<form hx-post="/api/dancers" hx-swap="afterend"
|
|
||||||
hx-on::after-request=" if(event.detail.successful) this.reset()">
|
|
||||||
<td>
|
<td>
|
||||||
<div class="relative">
|
<div class="relative">
|
||||||
<input type="text" id="name" name="name"
|
<input type="text" id="name" name="name"
|
||||||
|
@ -51,12 +50,10 @@
|
||||||
</div>
|
</div>
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
<td class="w-10 h-full">
|
<td class="w-12">
|
||||||
<button type="submit"
|
<button type="submit" class="focus:outline-none text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-300 font-medium rounded-lg text-sm w-12 h-12">+</button>
|
||||||
class="focus:outline-none text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-300 font-medium rounded-lg text-sm w-full h-full">+</button>
|
|
||||||
</td>
|
</td>
|
||||||
|
|
||||||
</form>
|
|
||||||
</tr>
|
</tr>
|
||||||
@for dancer in dancers.into_iter() {
|
@for dancer in dancers.into_iter() {
|
||||||
|
|
||||||
|
@ -65,5 +62,6 @@
|
||||||
}
|
}
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
|
</form>
|
||||||
|
|
||||||
})
|
})
|
||||||
|
|
Loading…
Reference in a new issue