Port shared CSS for tables to Tailwind
This commit is contained in:
22
app/assets/stylesheets/components/tables.css
Normal file
22
app/assets/stylesheets/components/tables.css
Normal file
@@ -0,0 +1,22 @@
|
||||
@layer components {
|
||||
table {
|
||||
@apply w-full;
|
||||
}
|
||||
|
||||
table thead tr {
|
||||
@apply text-left;
|
||||
}
|
||||
|
||||
table th {
|
||||
@apply pb-3.5 text-sm font-normal uppercase text-gray-500;
|
||||
}
|
||||
|
||||
table th:not(:last-of-type),
|
||||
table td:not(:last-of-type) {
|
||||
@apply pr-2;
|
||||
}
|
||||
|
||||
table td {
|
||||
@apply py-2;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user