sasjs/server
1
0
Fork 0
mirror of https://github.com/sasjs/server.git synced 2026-01-17 02:40:05 +00:00
Code Issues Projects Releases Wiki Activity

chore: fix the position of circular progress icon

Browse Source
This commit is contained in:
Sabir Hassan
2021-10-19 10:53:09 +00:00
parent a42a1693c2
commit d713d04b20
1 changed files with 11 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
Web/src/containers/SASjsDrive/main.tsx
View File

@@ -67,15 +67,20 @@ const Main = (props: any) => {
return ( return (
<Box component="main" sx={{ flexGrow: 1, p: 3 }}> <Box component="main" sx={{ flexGrow: 1, p: 3 }}>
<Toolbar /> <Toolbar />
{isLoading && (
<CircularProgress
style={{ position: 'fixed', left: '50%', top: '50%' }}
/>
)}
<Paper <Paper
sx={{ height: '75vh', padding: '10px', overflow: 'auto' }} sx={{
height: '75vh',
padding: '10px',
overflow: 'auto',
position: 'relative'
}}
elevation={3} elevation={3}
> >
{isLoading && (
<CircularProgress
style={{ position: 'absolute', left: '50%', top: '50%' }}
/>
)}
{!isLoading && props?.selectedFilePath !== '' && !editMode && ( {!isLoading && props?.selectedFilePath !== '' && !editMode && (
<code style={{ whiteSpace: 'break-spaces' }}>{fileContent}</code> <code style={{ whiteSpace: 'break-spaces' }}>{fileContent}</code>
)} )}