Fix advanced settings tool icon alignment (#8935)
Followup of @bosiraphael's design <img width="333" alt="Screenshot 2024-12-06 at 17 25 45" src="https://github.com/user-attachments/assets/b744a7a6-99cb-4d4c-b9da-df0661536208"> <img width="614" alt="Screenshot 2024-12-06 at 17 26 19" src="https://github.com/user-attachments/assets/e9f31fed-66b2-4ed7-a5cd-97a9bc526752"> --------- Co-authored-by: bosiraphael <raphael.bosi@gmail.com>
This commit is contained in:
@ -5,7 +5,7 @@ import {
|
||||
CardContent,
|
||||
CardFooter,
|
||||
IconPlus,
|
||||
IconTool,
|
||||
IconPoint,
|
||||
LightButton,
|
||||
MAIN_COLORS,
|
||||
} from 'twenty-ui';
|
||||
@ -104,7 +104,7 @@ const StyledIconContainer = styled.div`
|
||||
margin-top: ${({ theme }) => theme.spacing(1)};
|
||||
`;
|
||||
|
||||
const StyledIconTool = styled(IconTool)`
|
||||
const StyledIconPoint = styled(IconPoint)`
|
||||
margin-right: ${({ theme }) => theme.spacing(0.5)};
|
||||
`;
|
||||
|
||||
@ -253,7 +253,11 @@ export const SettingsDataModelFieldSelectForm = ({
|
||||
<AdvancedSettingsWrapper dimension="width" hideIcon={true}>
|
||||
<StyledApiKeyContainer>
|
||||
<StyledIconContainer>
|
||||
<StyledIconTool size={12} color={MAIN_COLORS.yellow} />
|
||||
<StyledIconPoint
|
||||
size={12}
|
||||
color={MAIN_COLORS.yellow}
|
||||
fill={MAIN_COLORS.yellow}
|
||||
/>
|
||||
</StyledIconContainer>
|
||||
<StyledApiKey>API values</StyledApiKey>
|
||||
</StyledApiKeyContainer>
|
||||
|
||||
Reference in New Issue
Block a user