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

feat: align del icon to box

Browse Source
This commit is contained in:
karishmas6
2024-10-10 07:27:14 +05:30
parent 23b3684eb0
commit 609e5943a8
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/organisms/RightSidePanel.tsx
View File

@@ -461,7 +461,7 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
</Box> </Box>
<Box> <Box>
{browserSteps.map(step => ( {browserSteps.map(step => (
<Box key={step.id} sx={{ boxShadow: 5, padding: '10px', margin: '10px', borderRadius: '4px' }} onMouseEnter={() => handleMouseEnter(step.id)} onMouseLeave={() => handleMouseLeave(step.id)}> <Box key={step.id} sx={{ boxShadow: 5, padding: '10px', margin: '10px', borderRadius: '4px', position: 'relative', }} onMouseEnter={() => handleMouseEnter(step.id)} onMouseLeave={() => handleMouseLeave(step.id)}>
{ {
step.type === 'text' && ( step.type === 'text' && (
<> <>
@@ -470,11 +470,12 @@ export const RightSidePanel: React.FC<RightSidePanelProps> = ({ onFinishCapture
onClick={() => handlePairDelete()} onClick={() => handlePairDelete()}
sx={{ sx={{
position: 'absolute', position: 'absolute',
top: 5, top: -10,
right: 5, right: -10,
color: 'red', color: 'red',
p: 0 p: 0,
}} zIndex: 1,
}}
> >
<DeleteIcon /> <DeleteIcon />
</IconButton> </IconButton>