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

fix: Update theme card width (#7147)

Browse Source 
> [!Note]
> This PR solves the issue #7119 
> Updated the width of Style Color card from ` 120px `to ` 160px` for
better UI
This commit is contained in:
Harshit Singh
2024-09-20 15:11:20 +05:30
committed by GitHub
parent e566b8d204
commit 7967d2d643
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/twenty-front/src/modules/ui/input/color-scheme/components/ColorSchemeCard.tsx
View File

@ -41,7 +41,7 @@ const StyledColorSchemeBackground = styled.div<
overflow: hidden; overflow: hidden;
padding-left: ${({ theme }) => theme.spacing(6)}; padding-left: ${({ theme }) => theme.spacing(6)};
padding-top: ${({ theme }) => theme.spacing(6)}; padding-top: ${({ theme }) => theme.spacing(6)};
width: 120px; width: 160px;
`; `;
const StyledColorSchemeContent = styled(motion.div)< const StyledColorSchemeContent = styled(motion.div)<
@ -120,7 +120,7 @@ const ColorSchemeSegment = ({
const StyledContainer = styled.div` const StyledContainer = styled.div`
position: relative; position: relative;
width: 120px; width: 160px;
`; `;
const StyledMixedColorSchemeSegment = styled.div` const StyledMixedColorSchemeSegment = styled.div`
@ -130,7 +130,7 @@ const StyledMixedColorSchemeSegment = styled.div`
height: 80px; height: 80px;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
width: 120px; width: 160px;
`; `;
const StyledCheckmarkContainer = styled(motion.div)` const StyledCheckmarkContainer = styled(motion.div)`