feat: centering and sizing loader
This commit is contained in:
@@ -517,7 +517,17 @@ export const RecordingsTable = ({
|
|||||||
</Box>
|
</Box>
|
||||||
|
|
||||||
{isLoading ? (
|
{isLoading ? (
|
||||||
<CircularProgress size={32} />
|
<Box
|
||||||
|
display="flex"
|
||||||
|
justifyContent="center"
|
||||||
|
alignItems="center"
|
||||||
|
sx={{
|
||||||
|
minHeight: '60vh',
|
||||||
|
width: '100%'
|
||||||
|
}}
|
||||||
|
>
|
||||||
|
<CircularProgress size={60} />
|
||||||
|
</Box>
|
||||||
) : filteredRows.length === 0 ? (
|
) : filteredRows.length === 0 ? (
|
||||||
<Box
|
<Box
|
||||||
display="flex"
|
display="flex"
|
||||||
|
|||||||
@@ -383,7 +383,17 @@ export const RunsTable: React.FC<RunsTableProps> = ({
|
|||||||
</Box>
|
</Box>
|
||||||
|
|
||||||
{isLoading? (
|
{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 ? (
|
) : Object.keys(groupedRows).length === 0 ? (
|
||||||
<Box
|
<Box
|
||||||
display="flex"
|
display="flex"
|
||||||
|
|||||||
Reference in New Issue
Block a user