Fix table css

This commit is contained in:
philipp lang 2025-06-13 14:18:49 +02:00
parent 31c582e81d
commit aa55b56df7
1 changed files with 7 additions and 16 deletions

View File

@ -1,10 +1,10 @@
.custom-table {
width: 100%;
& > thead > th {
& > thead > th, & > thead > tr > th {
@apply text-left px-6 text-gray-200 font-semibold py-3 border-gray-600 border-b;
}
& > tr {
& > tr, & > tbody > tr {
@apply text-gray-200 transition-all duration-300 rounded hover:bg-gray-800;
& > td {
@apply py-1 px-6;
@ -12,10 +12,10 @@
}
&.custom-table-sm {
& > thead > th {
& > thead > th, & > thead > tr > th {
@apply px-3 py-2;
}
& > tr {
& > tr, & > tbody > tr {
& > td {
@apply py-1 px-3;
}
@ -23,20 +23,11 @@
}
&.custom-table-light {
& > thead > th {
& > thead > th, & > thead > tr > th {
@apply border-gray-500;
}
& > td {
&:hover {
@apply bg-gray-700;
}
& > tr, & > tbody > tr {
@apply hover:bg-gray-700;
}
}
}
.custom-table > * {
display: table-row;
}
.custom-table > * > * {
display: table-cell;
}