vodorod/parcer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: set position absolute

Browse Source
This commit is contained in:
karishmas6
2024-10-20 18:22:23 +05:30
parent b5e3c04d79
commit ba98f86ea6
1 changed files with 25 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/components/molecules/BrowserRecordingSave.tsx
View File

@@ -1,5 +1,5 @@
import React from 'react'
import { Paper, Grid, IconButton, Button } from '@mui/material';
import { Paper, Grid, IconButton, Button, Box } from '@mui/material';
import { SaveRecording } from "./SaveRecording";
import { Circle, Add, Logout, Clear } from "@mui/icons-material";
import { useGlobalInfoStore } from '../../context/globalInfo';
@@ -20,30 +20,30 @@ const BrowserRecordingSave = () => {
navigate('/');
};
return (
<Grid container>
<Grid item xs={12} md={3} lg={3}>
<div style={{
marginLeft: '10px',
color: 'white',
position: 'fixed',
background: '#ff00c3',
border: 'none',
padding: '7.5px',
width: '100%',
bottom: 0,
overflow: 'hidden',
display: 'flex',
justifyContent: 'space-between',
}}>
<Button onClick={goToMainMenu} variant="outlined" sx={{ marginLeft: "20px" }} size="small" color="error">
Discard
</Button>
<SaveRecording fileName={recordingName} />
</div>
</Grid>
</Grid>
)
return (
<Grid container>
<Grid item xs={12} md={3} lg={3}>
<div style={{
marginLeft: '10px',
color: 'white',
position: 'absolute',
background: '#ff00c3',
border: 'none',
padding: '7.5px',
width: 'calc(100% - 20px)', // Ensure it takes full width but with padding
bottom: 0,
overflow: 'hidden',
display: 'flex',
justifyContent: 'space-between',
}}>
<Button onClick={goToMainMenu} variant="outlined" sx={{ marginLeft: "20px" }} size="small" color="error">
Discard
</Button>
<SaveRecording fileName={recordingName} />
</div>
</Grid>
</Grid>
);
}
export default BrowserRecordingSave