update public games layout

This commit is contained in:
Nathaniel Tampus
2023-03-02 17:51:05 +08:00
parent 44d460bbec
commit 3d3e7651e7

View File

@@ -10,39 +10,39 @@ export default function PublicGames() {
</div> </div>
</h2> </h2>
<div className="flex max-h-80 overflow-y-auto rounded-xl p-4"> <div className="bg-base-100 h-80 max-h-80 overflow-y-auto">
<table className="table-compact lg:table-normal table rounded-none"> <table className="table-compact lg:table-normal table rounded-none">
<thead> <thead>
<tr> <tr>
<th>Host</th> <th className="w-48">Host</th>
<th>Opponent</th> <th className="w-48">Opponent</th>
<th></th> <th className="w-24"></th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{/* <tr> <tr>
<td>(empty)</td> <td>(empty)</td>
<td></td> <td></td>
<td></td> <td></td>
</tr> */} </tr>
<tr className="group"> {/* <tr className="group">
<td>sample user</td> <td>nize</td>
<td>nize</td> <td>nize</td>
<th> <th>
<button className="btn btn-ghost btn-xs focus:opacity-100 lg:opacity-0 lg:group-hover:opacity-100"> <button className="btn btn-ghost btn-xs focus:opacity-100 lg:opacity-0 lg:group-hover:opacity-100">
Join Join
</button> </button>
</th> </th>
</tr> </tr> */}
{/* <tr className="group">
{/* invisible last row to set max column widths */}
<tr aria-hidden="true" className="pointer-events-none opacity-0">
<td>WPlaceholder_Text</td> <td>WPlaceholder_Text</td>
<td>WPlaceholder_Text</td> <td>WPlaceholder_Text</td>
<th> <th>
<button className="btn btn-xs">Join</button> <button className="btn btn-ghost btn-xs focus:opacity-100 lg:opacity-0 lg:group-hover:opacity-100">
Join
</button>
</th> </th>
</tr> </tr> */}
</tbody> </tbody>
</table> </table>
</div> </div>