tethys.backend/resources/css/_table.css
Arno Kaimbacher 0d51002903
Some checks failed
CI Pipeline / japa-tests (push) Failing after 53s
- default routing to "/app/dashboard"
- default route after login "/app/dashboard" in AuthController.ts
- npm updates
- corrected route in menu.ts
- better styling for listing datasets for editor and submitter in Index.vue
- personal setting to route "/settings/user"
2023-12-01 10:44:19 +01:00

51 lines
1.1 KiB
CSS

table {
@apply w-full;
}
thead {
@apply hidden lg:table-header-group;
}
tr {
@apply max-w-full block relative border-b-4 border-gray-100
lg:table-row lg:border-b-0 dark:border-slate-800;
}
tr:last-child {
@apply border-b-0;
}
td:not(:first-child) {
@apply lg:border-0 lg:border-t-0 lg:border-r-0 lg:border-b-0 lg:border-gray-100 lg:dark:border-slate-700;
}
th {
@apply lg:text-left lg:p-3;
}
td {
@apply flex justify-between text-right py-3 px-4 align-top border-b border-gray-100
lg:table-cell lg:text-left lg:p-3 lg:align-middle lg:border-b-0 dark:border-slate-800;
}
td:last-child {
@apply border-b-0;
}
/* tbody tr, tbody tr:nth-child(odd) {
@apply lg:hover:bg-gray-100 lg:dark:hover:bg-slate-700/70;
} */
tbody tr:nth-child(odd) {
@apply lg:bg-gray-50 lg:dark:bg-slate-800;
}
tbody tr:nth-child(even) {
@apply lg:bg-gray-50 lg:dark:bg-slate-600 lg:bg-opacity-25;
}
td:before {
content: attr(data-label);
@apply font-semibold pr-3 text-left lg:hidden;
}