Fix table css
This commit is contained in:
parent
31c582e81d
commit
aa55b56df7
|
@ -1,10 +1,10 @@
|
||||||
.custom-table {
|
.custom-table {
|
||||||
width: 100%;
|
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;
|
@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;
|
@apply text-gray-200 transition-all duration-300 rounded hover:bg-gray-800;
|
||||||
& > td {
|
& > td {
|
||||||
@apply py-1 px-6;
|
@apply py-1 px-6;
|
||||||
|
@ -12,10 +12,10 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.custom-table-sm {
|
&.custom-table-sm {
|
||||||
& > thead > th {
|
& > thead > th, & > thead > tr > th {
|
||||||
@apply px-3 py-2;
|
@apply px-3 py-2;
|
||||||
}
|
}
|
||||||
& > tr {
|
& > tr, & > tbody > tr {
|
||||||
& > td {
|
& > td {
|
||||||
@apply py-1 px-3;
|
@apply py-1 px-3;
|
||||||
}
|
}
|
||||||
|
@ -23,20 +23,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
&.custom-table-light {
|
&.custom-table-light {
|
||||||
& > thead > th {
|
& > thead > th, & > thead > tr > th {
|
||||||
@apply border-gray-500;
|
@apply border-gray-500;
|
||||||
}
|
}
|
||||||
& > td {
|
& > tr, & > tbody > tr {
|
||||||
&:hover {
|
@apply hover:bg-gray-700;
|
||||||
@apply bg-gray-700;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
|
||||||
.custom-table > * {
|
|
||||||
display: table-row;
|
|
||||||
}
|
|
||||||
.custom-table > * > * {
|
|
||||||
display: table-cell;
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue