feat: several improvements in layout
This commit is contained in:
@@ -0,0 +1,20 @@
|
||||
.responsive {
|
||||
@apply text-sm md:text-base;
|
||||
}
|
||||
|
||||
.responsive thead {
|
||||
@apply hidden md:table-header-group;
|
||||
}
|
||||
|
||||
.responsive tbody tr {
|
||||
@apply block mb-2 md:table-row;
|
||||
}
|
||||
|
||||
.responsive td {
|
||||
@apply grid grid-cols-2 gap-x-2 last:col-span-2 md:table-cell;
|
||||
}
|
||||
|
||||
.responsive td:before {
|
||||
content: attr(data-label);
|
||||
@apply block font-bold last:hidden md:hidden;
|
||||
}
|
||||
Reference in New Issue
Block a user