From 722a67ab752d3f74b48be5b408670220334ea2bb Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Thu, 24 Jul 2025 17:52:13 +0800
Subject: [PATCH] better display of tables on mobile

---
 next-ui/src/fragments/fragment/apikey/Table.vue | 3 +++
 next-ui/src/fragments/fragment/user/Table.vue   | 3 +++
 next-ui/src/pages/account/api-keys.vue          | 2 +-
 next-ui/src/pages/server/users.vue              | 2 +-
 4 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/next-ui/src/fragments/fragment/apikey/Table.vue b/next-ui/src/fragments/fragment/apikey/Table.vue
index 1e885e82..93126b03 100644
--- a/next-ui/src/fragments/fragment/apikey/Table.vue
+++ b/next-ui/src/fragments/fragment/apikey/Table.vue
@@ -4,6 +4,9 @@
     :items="apiKeys"
     :headers="headers"
     :hide-default-footer="hideFooter"
+    fixed-header
+    fixed-footer
+    style="height: 100%"
     mobile-breakpoint="md"
   >
     <template #top>
diff --git a/next-ui/src/fragments/fragment/user/Table.vue b/next-ui/src/fragments/fragment/user/Table.vue
index d0904c29..5d747bab 100644
--- a/next-ui/src/fragments/fragment/user/Table.vue
+++ b/next-ui/src/fragments/fragment/user/Table.vue
@@ -4,6 +4,9 @@
     :items="users"
     :headers="headers"
     :hide-default-footer="hideFooter"
+    fixed-header
+    fixed-footer
+    style="height: 100%"
     mobile-breakpoint="md"
   >
     <template #top>
diff --git a/next-ui/src/pages/account/api-keys.vue b/next-ui/src/pages/account/api-keys.vue
index 7edef10e..62e64df9 100644
--- a/next-ui/src/pages/account/api-keys.vue
+++ b/next-ui/src/pages/account/api-keys.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container
     fluid
-    class="pa-0 pa-sm-4"
+    class="pa-0 pa-sm-4 h-100 h-sm-auto"
   >
     <EmptyStateNetworkError v-if="error" />
 
diff --git a/next-ui/src/pages/server/users.vue b/next-ui/src/pages/server/users.vue
index b50a5635..d58d5a70 100644
--- a/next-ui/src/pages/server/users.vue
+++ b/next-ui/src/pages/server/users.vue
@@ -1,7 +1,7 @@
 <template>
   <v-container
     fluid
-    class="pa-0 pa-sm-4"
+    class="pa-0 pa-sm-4 h-100 h-sm-auto"
   >
     <EmptyStateNetworkError v-if="error" />