| | |
| | | Grid, |
| | | Typography, |
| | | TextField, |
| | | Slider, |
| | | Card, |
| | | CardContent, |
| | | Button, |
| | | Select, |
| | | MenuItem, |
| | | InputLabel, |
| | | useTheme, |
| | | FormControl, |
| | | Stack, |
| | | Divider, |
| | |
| | | const { open, onCancel, sprite, value, width = PAGE_DRAWER_WIDTH, handleOnCopy } = props; |
| | | const notify = useNotification(); |
| | | const translate = useTranslate(); |
| | | const theme = useTheme(); |
| | | const themeMode = theme.palette.mode; |
| | | |
| | | const deviceType = sprite?.data?.type; |
| | | const incrementOptions = incrementOptionsMap[deviceType] |
| | | |
| | |
| | | </Stack> |
| | | |
| | | <Box p={3}> |
| | | <Card sx={{ |
| | | p: 2, |
| | | transition: '0.3s', |
| | | boxShadow: themeMode === 'light' |
| | | ? '0px 2px 8px rgba(0, 0, 0, 0.1)' |
| | | : '0px 2px 2px rgba(255, 255, 255, 0.1)', |
| | | '&:hover': { |
| | | boxShadow: themeMode === 'light' |
| | | ? '0px 4px 16px rgba(0, 0, 0, 0.2)' |
| | | : '0px 4px 8px rgba(255, 255, 255, 0.2)', |
| | | }, |
| | | borderRadius: '8px', |
| | | }}> |
| | | <CardContent> |
| | | <Box component="form" onSubmit={handleSubmit(onFormSubmit)} noValidate sx={{ mt: 0 }}> |
| | | <Grid container spacing={1.4}> |
| | | <Grid item xs={6}> |
| | |
| | | |
| | | </Grid> |
| | | </Box> |
| | | </CardContent> |
| | | </Card> |
| | | </Box> |
| | | </Box> |
| | | )} |