chore: simplify datatable css
This commit is contained in:
@@ -6,33 +6,26 @@
|
|||||||
@apply align-middle inline-block min-w-full overflow-hidden lg:overflow-visible;
|
@apply align-middle inline-block min-w-full overflow-hidden lg:overflow-visible;
|
||||||
}
|
}
|
||||||
|
|
||||||
.data-table-wrapper {
|
.data-table {
|
||||||
table {
|
@apply min-w-full;
|
||||||
@apply min-w-full;
|
}
|
||||||
}
|
|
||||||
|
|
||||||
tbody {
|
.data-table tbody {
|
||||||
@apply bg-white;
|
@apply bg-white;
|
||||||
}
|
}
|
||||||
|
|
||||||
tr {
|
.data-table tr {
|
||||||
@apply border border-gray-300;
|
@apply border border-gray-300;
|
||||||
}
|
}
|
||||||
|
|
||||||
th {
|
.data-table th {
|
||||||
@apply px-4 py-2 bg-gray-200 text-left leading-4 font-bold text-primary align-top;
|
@apply px-4 py-2 bg-gray-200 text-left leading-4 font-bold text-primary align-top;
|
||||||
}
|
}
|
||||||
|
|
||||||
td {
|
.data-table td {
|
||||||
@apply px-4 py-2 leading-5 align-top;
|
@apply px-4 py-2 leading-5 align-top;
|
||||||
|
}
|
||||||
|
|
||||||
}
|
.data-table tbody tr {
|
||||||
|
@apply hover:bg-gray-100;
|
||||||
table.horizontal td {
|
|
||||||
@apply py-4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.data-table tbody tr {
|
|
||||||
@apply hover:bg-gray-100;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user