Skip to content

Commit 44587b4

Browse files
enhance picture uploader, change justify content (#6974)
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]>
1 parent 55a3ee2 commit 44587b4

File tree

1 file changed

+5
-8
lines changed

1 file changed

+5
-8
lines changed

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

+5-8
Original file line numberDiff line numberDiff line change
@@ -52,16 +52,17 @@ const StyledContent = styled.div`
5252
display: flex;
5353
flex: 1;
5454
flex-direction: column;
55-
justify-content: space-between;
55+
justify-content: start;
5656
margin-left: ${({ theme }) => theme.spacing(4)};
57+
58+
gap: ${({ theme }) => theme.spacing(3)};
5759
`;
5860

5961
const StyledButtonContainer = styled.div`
6062
display: flex;
6163
flex-direction: row;
62-
> * + * {
63-
margin-left: ${({ theme }) => theme.spacing(2)};
64-
}
64+
65+
gap: ${({ theme }) => theme.spacing(2)};
6566
`;
6667

6768
const StyledText = styled.span`
@@ -143,7 +144,6 @@ export const ImageInput = ({
143144
variant="secondary"
144145
title="Abort"
145146
disabled={!pictureURI || disabled}
146-
fullWidth
147147
/>
148148
) : (
149149
<Button
@@ -152,17 +152,14 @@ export const ImageInput = ({
152152
variant="secondary"
153153
title="Upload"
154154
disabled={disabled}
155-
fullWidth
156155
/>
157156
)}
158157
<Button
159158
Icon={IconTrash}
160-
accent="danger"
161159
onClick={onRemove}
162160
variant="secondary"
163161
title="Remove"
164162
disabled={!pictureURI || disabled}
165-
fullWidth
166163
/>
167164
</StyledButtonContainer>
168165
<StyledText>

0 commit comments

Comments
 (0)