yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-11-02 02:44:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove double border in DZ

Browse Source
This commit is contained in:
mfrachet 2021-09-27 16:56:37 +02:00
parent 8245603a5d
commit b000d7ced9
1 changed files with 34 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
packages/core/admin/admin/src/content-manager/components/DynamicZone/components/Component/index.js
View File

@ -64,41 +64,40 @@ const Component = ({
return (
<Box>
<Rectangle />
<Box hasRadius borderColor="neutral150" shadow="tableShadow">
<Accordion expanded={isOpen} toggle={() => onToggle(index)}>
<AccordionToggle
action={
<Stack horizontal size={2}>
{showDownIcon && (
<IconButton
label={downLabel}
onClick={handleMoveComponentDown}
icon={<DownIcon />}
/>
)}
{showUpIcon && (
<IconButton label={upLabel} onClick={handleMoveComponentUp} icon={<UpIcon />} />
)}
{isFieldAllowed && (
<IconButton label={deleteLabel} onClick={handleRemove} icon={<DeleteIcon />} />
)}
</Stack>
}
title={friendlyName}
togglePosition="left"
/>
<AccordionContent>
<FocusTrap onEscape={() => onToggle(index)}>
<FieldComponent
componentUid={componentUid}
icon={icon}
name={`${name}.${index}`}
isFromDynamicZone
/>
</FocusTrap>
</AccordionContent>
</Accordion>
</Box>
<Accordion expanded={isOpen} toggle={() => onToggle(index)}>
<AccordionToggle
action={
<Stack horizontal size={2}>
{showDownIcon && (
<IconButton
label={downLabel}
onClick={handleMoveComponentDown}
icon={<DownIcon />}
/>
)}
{showUpIcon && (
<IconButton label={upLabel} onClick={handleMoveComponentUp} icon={<UpIcon />} />
)}
{isFieldAllowed && (
<IconButton label={deleteLabel} onClick={handleRemove} icon={<DeleteIcon />} />
)}
</Stack>
}
title={friendlyName}
togglePosition="left"
/>
<AccordionContent>
<FocusTrap onEscape={() => onToggle(index)}>
<FieldComponent
componentUid={componentUid}
icon={icon}
name={`${name}.${index}`}
isFromDynamicZone
/>
</FocusTrap>
</AccordionContent>
</Accordion>
</Box>
);
};