minor execution view ui fix

This commit is contained in:
Henry 2025-08-14 21:04:11 +08:00
parent e99aecb473
commit d46518bf1a
2 changed files with 10 additions and 5 deletions

View File

@ -725,7 +725,8 @@ export const ExecutionDetails = ({ open, isPublic, execution, metadata, onClose,
flex: '1 1 35%', flex: '1 1 35%',
padding: 2, padding: 2,
borderRight: 1, borderRight: 1,
borderColor: 'divider' borderColor: 'divider',
overflow: 'auto'
}} }}
> >
<Box <Box

View File

@ -10,7 +10,7 @@ import executionsApi from '@/api/executions'
import useApi from '@/hooks/useApi' import useApi from '@/hooks/useApi'
// MUI // MUI
import { Box, Card, Stack, Typography, useTheme } from '@mui/material' import { Box, Card, Stack, Typography, useTheme, CircularProgress } from '@mui/material'
import { IconCircleXFilled } from '@tabler/icons-react' import { IconCircleXFilled } from '@tabler/icons-react'
import { alpha } from '@mui/material/styles' import { alpha } from '@mui/material/styles'
@ -56,9 +56,13 @@ const PublicExecutionDetails = () => {
return ( return (
<> <>
{!isLoading ? ( {isLoading ? (
<Box sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center', height: '80vh' }}>
<CircularProgress size={60} />
</Box>
) : (
<> <>
{!execution || getExecutionByIdPublicApi.error ? ( {getExecutionByIdPublicApi.error ? (
<Box sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center', height: '80vh' }}> <Box sx={{ display: 'flex', justifyContent: 'center', alignItems: 'center', height: '80vh' }}>
<Box sx={{ maxWidth: '500px', width: '100%' }}> <Box sx={{ maxWidth: '500px', width: '100%' }}>
<Card <Card
@ -96,7 +100,7 @@ const PublicExecutionDetails = () => {
/> />
)} )}
</> </>
) : null} )}
</> </>
) )
} }