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

Improved note cards design (#7129)

Browse Source 
Fixes #7120

- Removed margin according to design
- Increased card content padding from 8px to 16px


![image](https://github.com/user-attachments/assets/bf1b2be4-7176-4af1-bad0-7e7f159b57c2)
This commit is contained in:
Divyesh Patel
2024-09-19 14:17:41 +05:30
committed by GitHub
parent 89c97993e3
commit 9d5b9f8415
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/activities/notes/components/NoteCard.tsx
View File

@ -28,8 +28,9 @@ const StyledCardDetailsContainer = styled.div`
gap: ${({ theme }) => theme.spacing(2)}; gap: ${({ theme }) => theme.spacing(2)};
height: calc(100% - 45px); height: calc(100% - 45px);
justify-content: start; justify-content: start;
padding: ${({ theme }) => theme.spacing(2)}; padding: ${({ theme }) => theme.spacing(4)};
width: calc(100% - ${({ theme }) => theme.spacing(4)}); width: calc(100% - ${({ theme }) => theme.spacing(8)});
box-sizing: border-box;
`; `;
const StyledNoteTitle = styled.div` const StyledNoteTitle = styled.div`
@ -41,7 +42,6 @@ const StyledCardContent = styled.div`
align-self: stretch; align-self: stretch;
color: ${({ theme }) => theme.font.color.secondary}; color: ${({ theme }) => theme.font.color.secondary};
line-break: anywhere; line-break: anywhere;
margin-top: ${({ theme }) => theme.spacing(2)};
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: pre-line; white-space: pre-line;