Fully converted to tailwind now.

views/admin/table/contents.html

@@ -2,7 +2,6 @@
   let thePage = new PaginateTable("/api/admin/table/{{ .Table }}");
 </script>
 
-<blockstart>
 <h1><a href="/admin/table/">&laquo;</a> Admin {{ .Table }}</h1>
 
 <block x-data="thePage">
@@ -12,15 +11,16 @@
     <button type="button" @click="page += 1">Next</button>
     <input type="text" x-model.debounce="search_query" name="search" size="40" placeholder="Search" />
   </block>
-  <table>
-    <tr>
+
+  <table class="bg-gray-800 shadow-lg rounded-sm">
+    <tr class="bg-gray-950 *:border-x *:border-black">
       <th>#</th>
       <template x-for="header in headers">
         <th x-text="header"></th>
       </template>
     </tr>
     <template x-for="item in contents" :key="item.id">
-        <tr>
+        <tr class="*:border-2 *:border-black *:p-1 hover:bg-gray-100 hover:text-gray-950">
           <td>
             <a x-bind:href="'/admin/table/{{ .Table }}/' + item.id + '/'">
               #
@@ -33,4 +33,3 @@
     </template>
   </table>
 </block>
-</blockstart>