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

feat: align button and text field

Browse Source
This commit is contained in:
karishmas6
2024-10-29 05:00:02 +05:30
parent 64e5ae5388
commit 23c9c18952
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/molecules/SaveRecording.tsx
View File

@@ -81,11 +81,11 @@ export const SaveRecording = ({ fileName }: SaveRecordingProps) => {
</Button> </Button>
<GenericModal isOpen={openModal} onClose={() => setOpenModal(false)} modalStyle={modalStyle}> <GenericModal isOpen={openModal} onClose={() => setOpenModal(false)} modalStyle={modalStyle}>
<form onSubmit={handleSaveRecording}> <form onSubmit={handleSaveRecording} style={{ display: 'flex', flexDirection: 'column', alignItems: 'flex-start' }}>
<Typography variant="h6">Save Robot</Typography> <Typography variant="h6">Save Robot</Typography>
<TextField <TextField
required required
sx={{ width: '300px', paddingBottom: '10px', margin: '15px 0px' }} sx={{ width: '300px', margin: '15px 0px' }}
onChange={handleChangeOfTitle} onChange={handleChangeOfTitle}
id="title" id="title"
label="Robot Name" label="Robot Name"
@@ -95,17 +95,17 @@ export const SaveRecording = ({ fileName }: SaveRecordingProps) => {
{needConfirm {needConfirm
? ?
(<React.Fragment> (<React.Fragment>
<Button color="error" variant="contained" onClick={saveRecording}>Confirm</Button> <Button color="error" variant="contained" onClick={saveRecording} sx={{ marginTop: '10px' }}>Confirm</Button>
<WarningText> <WarningText>
<NotificationImportantIcon color="warning" /> <NotificationImportantIcon color="warning" />
Robot with this name already exists, please confirm the Robot's overwrite. Robot with this name already exists, please confirm the Robot's overwrite.
</WarningText> </WarningText>
</React.Fragment>) </React.Fragment>)
: <Button type="submit" variant="contained">Save</Button> : <Button type="submit" variant="contained" sx={{ marginTop: '10px' }}>Save</Button>
} }
{waitingForSave && {waitingForSave &&
<Tooltip title='Optimizing and saving the workflow' placement={"bottom"}> <Tooltip title='Optimizing and saving the workflow' placement={"bottom"}>
<Box sx={{ width: '100%' }}> <Box sx={{ width: '100%', marginTop: '10px' }}>
<LinearProgress /> <LinearProgress />
</Box> </Box>
</Tooltip> </Tooltip>