mirror of
				https://github.com/lingble/twenty.git
				synced 2025-10-31 04:37:56 +00:00 
			
		
		
		
	enhance picture uploader, change justify content (#6974)
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
					Heber Santiago Alvarez Rincon
				
			
				
					committed by
					
						 GitHub
						GitHub
					
				
			
			
				
	
			
			
			 GitHub
						GitHub
					
				
			
						parent
						
							55a3ee2c3b
						
					
				
				
					commit
					44587b4908
				
			| @@ -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> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user