Add min height to the table

So it doesn't collapse to infinite pages
rucio · Sep 3, 2024 · 56e3963 · 56e3963
1 parent dd96cb0
commit 56e3963
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/src/component-library/Table/RegularTable.tsx b/src/component-library/Table/RegularTable.tsx
@@ -107,7 +107,14 @@ export const RegularTable = (props: RegularTableProps) => {
         whereas noRowsOverlayComponent is shown when the loading has started without data transactions */
     return (
         <>
-            <div className={twMerge(isDarkMode ? 'ag-grid-theme-rucio-dark' : 'ag-grid-theme-rucio-light', 'grid grow w-full', 'relative')}>
+            <div
+                className={twMerge(
+                    isDarkMode ? 'ag-grid-theme-rucio-dark' : 'ag-grid-theme-rucio-light',
+                    'grid grow w-full',
+                    'relative',
+                    'min-h-[300px]',
+                )}
+            >
                 {!isTableLoaded && <Skeleton className="absolute flex items-center justify-center w-full h-full rounded-b-none" />}
                 <AgGridReact
                     pagination={true}

diff --git a/src/component-library/outputtailwind.css b/src/component-library/outputtailwind.css
@@ -881,6 +881,10 @@ html {
   min-height: 0px;
 }
 
+.min-h-\[300px\] {
+  min-height: 300px;
+}
+
 .min-h-screen {
   min-height: 100vh;
 }