diff --git a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventNotSharedContent.tsx b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventNotSharedContent.tsx index 0892e523fd..fc2b2f190e 100644 --- a/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventNotSharedContent.tsx +++ b/packages/twenty-front/src/modules/activities/calendar/components/CalendarEventNotSharedContent.tsx @@ -2,45 +2,31 @@ import { styled } from '@linaria/react'; import { Trans } from '@lingui/react/macro'; import { useContext } from 'react'; import { IconLock } from 'twenty-ui/display'; -import { Card, CardContent } from 'twenty-ui/layout'; import { ThemeContext, themeCssVariables } from 'twenty-ui/theme-constants'; -const StyledVisibilityCardContainer = styled.div` - color: ${themeCssVariables.font.color.light}; - flex: 1; - transition: color ${themeCssVariables.animation.duration.normal} ease; - width: 100%; - - > * { - border-color: ${themeCssVariables.border.color.light}; - } -`; - -const StyledVisibilityCardContentContainer = styled.div` +const StyledContainer = styled.div` align-items: center; - background-color: ${themeCssVariables.background.transparent.lighter}; + background: ${themeCssVariables.background.transparent.lighter}; + border: 1px solid ${themeCssVariables.border.color.light}; + border-radius: ${themeCssVariables.border.radius.sm}; box-sizing: border-box; + color: ${themeCssVariables.font.color.light}; display: flex; font-size: ${themeCssVariables.font.size.sm}; font-weight: ${themeCssVariables.font.weight.medium}; gap: ${themeCssVariables.spacing[1]}; height: ${themeCssVariables.spacing[6]}; padding: ${themeCssVariables.spacing[0]} ${themeCssVariables.spacing[1]}; + width: 100%; `; export const CalendarEventNotSharedContent = () => { const { theme } = useContext(ThemeContext); return ( - - - - - - Not shared - - - - + + + Not shared + ); };