feat: centering and sizing loader

2025-08-31 12:14:22 +05:30
parent be0548f244
commit 83f0497c0a
2 changed files with 22 additions and 2 deletions
--- a/src/components/robot/RecordingsTable.tsx
+++ b/src/components/robot/RecordingsTable.tsx
@@ -517,7 +517,17 @@ export const RecordingsTable = ({
      </Box>

      {isLoading ? (
-        <CircularProgress size={32} />
+        <Box
+          display="flex"
+          justifyContent="center"
+          alignItems="center"
+          sx={{ 
+            minHeight: '60vh',
+            width: '100%'
+          }}
+        >
+          <CircularProgress size={60} />
+        </Box>
      ) : filteredRows.length === 0 ? (
        <Box
          display="flex"
--- a/src/components/run/RunsTable.tsx
+++ b/src/components/run/RunsTable.tsx
@@ -383,7 +383,17 @@ export const RunsTable: React.FC<RunsTableProps> = ({
      </Box>

      {isLoading? (
-        <CircularProgress size={32} />
+        <Box
+          display="flex"
+          justifyContent="center"
+          alignItems="center"
+          sx={{ 
+            minHeight: '60vh',
+            width: '100%'
+          }}
+        >
+          <CircularProgress size={60} />
+        </Box>
      ) : Object.keys(groupedRows).length === 0 ? (
        <Box
          display="flex"