Zynh0722/clubmanager
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Wiki Activity

tentative table styling

Browse source
This commit is contained in:
Zynh0722 2023-11-15 14:04:59 -08:00
parent 0d537963ab
commit 6c1fa49350
1 changed files with 21 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

44
templates/dancers.rs.html
View file

@ -12,22 +12,21 @@
</div> </div>
<h1 class="text-4xl underline text-center pt-4 pb-6"> <h1 class="text-4xl underline text-center pt-4 pb-6">
Dancers Dancers
</h1> </h1>
<table class="m-auto table-auto w-4/5"> <form hx-post="/api/dancers" hx-target="find #dancer_list" hx-swap="afterend" hx-on::after-request="if(event.detail.successful) this.reset()">
<thead class="text-xs text-gray-700 bg-gray-50"> <table class="m-auto table-auto w-4/5">
<tr> <thead class="text-xs text-gray-700 bg-gray-50">
<th scope="col" class="px-6 py-3">Name</th> <tr>
<th scope="col" class="px-6 py-3">Stage Name</th> <th scope="col" class="px-6 py-3">Name</th>
<th></th> <th scope="col" class="px-6 py-3">Stage Name</th>
</tr> <th></th>
</thead> </tr>
</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,19 +50,18 @@
</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() {
@:dancer_html(dancer) @:dancer_html(dancer)
} }
</tbody> </tbody>
</table> </table>
</form>
}) })