admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Settings Icon CSS update (#8934)

Browse Source 
Current :

![image](https://github.com/user-attachments/assets/985e4f1b-6379-43ee-9311-25b455d8f5c0)

Expected : 
<img width="594" alt="Screenshot 2024-12-06 at 17 01 45"
src="https://github.com/user-attachments/assets/a26a5415-ecd2-4111-a093-ae049b734925">


Design Request from @Bonapara 😸
This commit is contained in:
Guillim
2024-12-06 17:47:28 +01:00
committed by GitHub
parent 9c67a109af
commit 4208bd2b83
3 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentBase.tsx
View File

@ -11,7 +11,7 @@ export const StyledSettingsOptionCardContent = styled(
)<StyledCardContentProps>` )<StyledCardContentProps>`
align-items: center; align-items: center;
display: flex; display: flex;
gap: ${({ theme }) => theme.spacing(4)}; gap: ${({ theme }) => theme.spacing(3)};
`; `;
export const StyledSettingsOptionCardIcon = styled.div` export const StyledSettingsOptionCardIcon = styled.div`
align-items: center; align-items: center;
@ -19,9 +19,9 @@ export const StyledSettingsOptionCardIcon = styled.div`
border-radius: ${({ theme }) => theme.border.radius.sm}; border-radius: ${({ theme }) => theme.border.radius.sm};
background-color: ${({ theme }) => theme.background.primary}; background-color: ${({ theme }) => theme.background.primary};
display: flex; display: flex;
height: ${({ theme }) => theme.spacing(8)}; height: ${({ theme }) => theme.spacing(7)};
justify-content: center; justify-content: center;
width: ${({ theme }) => theme.spacing(8)}; width: ${({ theme }) => theme.spacing(7)};
min-width: ${({ theme }) => theme.icon.size.md}; min-width: ${({ theme }) => theme.icon.size.md};
`; `;

1
packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionCardContentToggle.tsx
View File

@ -82,6 +82,7 @@ export const SettingsOptionCardContentToggle = ({
value={checked} value={checked}
onChange={onChange} onChange={onChange}
disabled={disabled} disabled={disabled}
toggleSize="small"
color={advancedMode ? theme.color.yellow : theme.color.blue} color={advancedMode ? theme.color.yellow : theme.color.blue}
/> />
</StyledSettingsOptionCardToggleContent> </StyledSettingsOptionCardToggleContent>

2
packages/twenty-front/src/modules/settings/components/SettingsOptions/SettingsOptionIconCustomizer.tsx
View File

@ -24,7 +24,7 @@ export const SettingsOptionIconCustomizer = ({
return ( return (
<StyledIconCustomizer zoom={zoom} rotate={rotate}> <StyledIconCustomizer zoom={zoom} rotate={rotate}>
<Icon <Icon
size={theme.icon.size.xl} size={theme.icon.size.lg}
color={theme.IllustrationIcon.color.grey} color={theme.IllustrationIcon.color.grey}
stroke={theme.icon.stroke.md} stroke={theme.icon.stroke.md}
/> />