admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Add styled component rule (#1261)

Browse Source 
* Add StyledComponent rule

* update doc

* update doc

* update doc
This commit is contained in:
Weiko
2023-08-17 20:58:02 -07:00
committed by GitHub
parent 390e70a196
commit 9b34a0ff3d
70 changed files with 433 additions and 354 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
front/src/modules/ui/editable-field/components/EditableField.tsx
View File

@ -50,7 +50,7 @@ const StyledEditButtonContainer = styled(motion.div)`
right: 0;
`;
export const EditableFieldBaseContainer = styled.div`
export const StyledEditableFieldBaseContainer = styled.div`
align-items: center;
box-sizing: border-box;
@ -114,7 +114,7 @@ export function EditableField({
const showEditButton = !isFieldInEditMode && isHovered && useEditButton;
return (
<EditableFieldBaseContainer
<StyledEditableFieldBaseContainer
onMouseEnter={handleContainerMouseEnter}
onMouseLeave={handleContainerMouseLeave}
>
@ -151,6 +151,6 @@ export function EditableField({
<EditableFieldEditButton />
</StyledEditButtonContainer>
)}
</EditableFieldBaseContainer>
</StyledEditableFieldBaseContainer>
);
}