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

feat: align log w.r.t right panel

Browse Source
This commit is contained in:
karishmas6
2024-10-19 09:41:49 +05:30
parent a8aa3846fc
commit 610dd2f209
1 changed files with 99 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/molecules/InterpretationLog.tsx
View File

@@ -3,7 +3,7 @@ import SwipeableDrawer from '@mui/material/SwipeableDrawer';
import Typography from '@mui/material/Typography'; import Typography from '@mui/material/Typography';
import Radio from '@mui/material/Radio'; import Radio from '@mui/material/Radio';
import RadioGroup from '@mui/material/RadioGroup'; import RadioGroup from '@mui/material/RadioGroup';
import { Button, TextField } from '@mui/material'; import { Button, TextField, Grid } from '@mui/material';
import FormControlLabel from '@mui/material/FormControlLabel'; import FormControlLabel from '@mui/material/FormControlLabel';
import FormControl from '@mui/material/FormControl'; import FormControl from '@mui/material/FormControl';
import FormLabel from '@mui/material/FormLabel'; import FormLabel from '@mui/material/FormLabel';
@@ -106,18 +106,20 @@ export const InterpretationLog: React.FC<InterpretationLogProps> = ({ isOpen, se
const columns = tableData.length > 0 ? Object.keys(tableData[0]) : []; const columns = tableData.length > 0 ? Object.keys(tableData[0]) : [];
return ( return (
<div> <Grid container>
<Grid item xs={12} md={9} lg={9}>
<button <button
onClick={toggleDrawer(true)} onClick={toggleDrawer(true)}
style={{ style={{
color: 'white', color: 'white',
position: 'fixed', position: 'fixed',
background: '#101828', background: '#ff00c3',
border: 'none', border: 'none',
padding: '30px 20px', padding: '30px 20px',
width: '100%', width: 'calc(100% - 25%)',
textAlign: 'left', textAlign: 'left',
bottom: 0, bottom: 0,
overflow: 'hidden',
}}> }}>
Interpretation Log Interpretation Log
</button> </button>
@@ -208,6 +210,7 @@ export const InterpretationLog: React.FC<InterpretationLogProps> = ({ isOpen, se
ref={logEndRef} /> ref={logEndRef} />
</div> </div>
</SwipeableDrawer> </SwipeableDrawer>
</div> </Grid>
</Grid>
); );
} }