twentyhq/twenty
1
1
Fork 0
mirror of https://github.com/twentyhq/twenty.git synced 2025-01-03 09:42:01 +03:00
Code Issues Packages Projects Releases Wiki Activity

Move component

Browse Source
This commit is contained in:
Thomas Trompette 2024-12-20 18:21:19 +01:00
parent 26e853abf2
commit 9a5a87e4c6
3 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
packages/twenty-front/src/pages/object-record/RecordEditableName.tsx → packages/twenty-front/src/modules/object-record/components/RecordEditableName.tsx
View File

@ -15,13 +15,10 @@ const StyledEditableTitleContainer = styled.div`
const StyledEditableTitlePrefix = styled.div`
color: ${({ theme }) => theme.font.color.tertiary};
line-height: 24px;
padding: 3px 0;
`;
const StyledEditableTitleSeparator = styled.div`
color: ${({ theme }) => theme.font.color.tertiary};
line-height: 24px;
padding: 3px;
display: flex;
flex-direction: row;
padding: ${({ theme }) => theme.spacing(0.75)};
gap: ${({ theme }) => theme.spacing(1)};
`;
export const RecordEditableName = ({
@ -78,8 +75,8 @@ export const RecordEditableName = ({
<StyledEditableTitleContainer>
<StyledEditableTitlePrefix>
{capitalize(objectLabelPlural)}
<span>{' / '}</span>
</StyledEditableTitlePrefix>
<StyledEditableTitleSeparator>{' / '}</StyledEditableTitleSeparator>
{isRenaming ? (
<NavigationDrawerInput
value={recordName}

6
packages/twenty-front/src/modules/ui/navigation/navigation-drawer/components/NavigationDrawerItem.tsx
View File

@ -77,7 +77,11 @@ const StyledItem = styled('button', {
font-family: ${({ theme }) => theme.font.family};
font-size: ${({ theme }) => theme.font.size.md};
padding: ${({ theme }) => theme.spacing(1)};
padding-bottom: ${({ theme }) => theme.spacing(1)};
padding-left: ${({ theme }) => theme.spacing(1)};
padding-right: ${({ theme }) => theme.spacing(0.5)};
padding-top: ${({ theme }) => theme.spacing(1)};
margin-top: ${({ indentationLevel }) =>
indentationLevel === 2 ? '2px' : '0'};

2
packages/twenty-front/src/pages/object-record/RecordShowPageHeader.tsx
View File

@ -1,9 +1,9 @@
import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
import { RecordEditableName } from '@/object-record/components/RecordEditableName';
import { useRecordShowContainerTabs } from '@/object-record/record-show/hooks/useRecordShowContainerTabs';
import { useRecordShowPage } from '@/object-record/record-show/hooks/useRecordShowPage';
import { useRecordShowPagePagination } from '@/object-record/record-show/hooks/useRecordShowPagePagination';
import { PageHeader } from '@/ui/layout/page/components/PageHeader';
import { RecordEditableName } from '~/pages/object-record/RecordEditableName';
export const RecordShowPageHeader = ({
objectNameSingular,