diff --git a/src/components/tables/RuiDataTable.vue b/src/components/tables/RuiDataTable.vue
index 6b04568..b9339b5 100644
--- a/src/components/tables/RuiDataTable.vue
+++ b/src/components/tables/RuiDataTable.vue
@@ -996,19 +996,19 @@ onMounted(() => {
{ [$style.outlined]: outlined },
]"
>
+
-
{
}
.table {
- @apply min-w-full table-fixed divide-y divide-black/[0.12] whitespace-nowrap mx-auto my-0 max-w-fit relative border-t border-black/[0.12];
+ @apply min-w-full table-fixed divide-y divide-black/[0.12] whitespace-nowrap mx-auto my-0 max-w-fit relative border-black/[0.12];
.tbody {
@apply divide-y divide-black/[0.12];
diff --git a/src/components/tables/RuiTablePagination.vue b/src/components/tables/RuiTablePagination.vue
index 548bb8f..aaa16b5 100644
--- a/src/components/tables/RuiTablePagination.vue
+++ b/src/components/tables/RuiTablePagination.vue
@@ -125,7 +125,7 @@ function onLast() {
-
+
Rows per page:
.wrapper {
- @apply relative flex flex-wrap items-center justify-end;
+ @apply relative flex flex-wrap items-center justify-end gap-x-4 gap-y-0;
.limit {
- @apply flex items-center space-x-2 text-caption px-3;
+ @apply flex items-center space-x-2 text-caption;
&__text {
- @apply text-rui-text-secondary whitespace-nowrap py-4;
+ @apply text-rui-text-secondary whitespace-nowrap py-3;
}
}
.ranges {
- @apply flex items-center space-x-2 text-caption px-3;
+ @apply flex items-center space-x-2 text-caption pr-2;
&__text {
- @apply text-rui-text-secondary whitespace-nowrap py-4;
+ @apply text-rui-text-secondary whitespace-nowrap py-3;
}
}
@@ -224,7 +224,11 @@ function onLast() {
}
.navigation {
- @apply flex items-center pl-3;
+ @apply flex items-center;
+ }
+
+ &-dense {
+ @apply gap-x-2;
}
}