Skip to content

Commit

Permalink
enhance picture uploader, change justify content (#6974)
Browse files Browse the repository at this point in the history
Fixes #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 <[email protected]>
  • Loading branch information
heber59 and lucasbordeau authored Sep 18, 2024
1 parent 55a3ee2 commit 44587b4
Showing 1 changed file with 5 additions and 8 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -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`
Expand Down Expand Up @@ -143,7 +144,6 @@ export const ImageInput = ({
variant="secondary"
title="Abort"
disabled={!pictureURI || disabled}
fullWidth
/>
) : (
<Button
Expand All @@ -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>
Expand Down

0 comments on commit 44587b4

Please sign in to comment.