feat: table style

This commit is contained in:
Zephyruso 2023-09-05 16:50:18 +08:00
parent 37738553f9
commit 0115daf014

View File

@ -267,7 +267,7 @@ export default () => {
</div> </div>
<div class="overflow-x-auto whitespace-nowrap rounded-md bg-base-300"> <div class="overflow-x-auto whitespace-nowrap rounded-md bg-base-300">
<table class="table table-xs relative rounded-none"> <table class="table table-zebra table-xs relative rounded-none">
<thead class="sticky top-0 z-10"> <thead class="sticky top-0 z-10">
<For each={table.getHeaderGroups()}> <For each={table.getHeaderGroups()}>
{(headerGroup) => ( {(headerGroup) => (
@ -308,7 +308,11 @@ export default () => {
<tbody> <tbody>
<For each={table.getRowModel().rows}> <For each={table.getRowModel().rows}>
{(row) => ( {(row) => (
<tr class="hover"> <tr
class={twMerge(
'hover:!bg-primary hover:text-primary-content',
)}
>
<For each={row.getVisibleCells()}> <For each={row.getVisibleCells()}>
{(cell) => ( {(cell) => (
<td <td