twentyhq/twenty
1
1
Fork 0
mirror of https://github.com/twentyhq/twenty.git synced 2024-11-25 09:13:22 +03:00
Code Issues Packages Projects Releases Wiki Activity

enhance picture uploader, change justify content (#6974)

Browse Source 
Fixes https://github.com/twentyhq/twenty/issues/6966

to put label in the place and change remove button to gray.

sorry you dont assign this to me but I want to help, hope that if 6
hours pass u could check it

---------

Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
This commit is contained in:
Heber Santiago Alvarez Rincon 2024-09-18 08:08:28 -05:00 committed by GitHub
parent 55a3ee2c3b
commit 44587b4908
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/twenty-front/src/modules/ui/input/components/ImageInput.tsx
View File

@ -52,16 +52,17 @@ const StyledContent = styled.div`
display: flex;
flex: 1;
flex-direction: column;
justify-content: space-between;
justify-content: start;
margin-left: ${({ theme }) => theme.spacing(4)};
gap: ${({ theme }) => theme.spacing(3)};
`;
const StyledButtonContainer = styled.div`
display: flex;
flex-direction: row;
> * + * {
margin-left: ${({ theme }) => theme.spacing(2)};
}
gap: ${({ theme }) => theme.spacing(2)};
`;
const StyledText = styled.span`
@ -143,7 +144,6 @@ export const ImageInput = ({
variant="secondary"
title="Abort"
disabled={!pictureURI || disabled}
fullWidth
/>
) : (
<Button
@ -152,17 +152,14 @@ export const ImageInput = ({
variant="secondary"
title="Upload"
disabled={disabled}
fullWidth
/>
)}
<Button
Icon={IconTrash}
accent="danger"
onClick={onRemove}
variant="secondary"
title="Remove"
disabled={!pictureURI || disabled}
fullWidth
/>
</StyledButtonContainer>
<StyledText>