Added Side Panel compact header (#6560)

Fixes issue #6487 
Added a new prop, `isInRightDrawer` to both the `ShowPageSummaryCard`
and `ShowPageRightContainer` components. This prop allows for different
styles to be applied based on the specific needs of the drawer..

Rather than creating a new component, I opted to add this prop to avoid
code duplication. However, if you would prefer a separate component for
this functionality, I'm happy to make that adjustment—please just let me
know!

Also added `box-sizing: border-box` to `ShowPageSummaryCard` to make
sure it aligns with figma designs.



https://github.com/user-attachments/assets/38e8d85e-55d5-471e-884a-11c67467f56f
This commit is contained in:
nitin
2024-08-07 20:26:55 +05:30
committed by GitHub
parent f2aa67b7e5
commit 8408cf6d19
5 changed files with 49 additions and 26 deletions

View File

@ -1,5 +1,5 @@
import { ChangeEvent, useRef, useState } from 'react';
import styled from '@emotion/styled';
import { ChangeEvent, useRef, useState } from 'react';
import { IconPlus } from 'twenty-ui';
import { SkeletonLoader } from '@/activities/components/SkeletonLoader';
@ -33,7 +33,6 @@ const StyledFileInput = styled.input`
const StyledDropZoneContainer = styled.div`
height: 100%;
padding: ${({ theme }) => theme.spacing(6)};
`;
export const Attachments = ({