diff --git a/front/src/modules/ui/typography/components/H1Title.tsx b/front/src/modules/ui/typography/components/H1Title.tsx index 063546d423..c0adc8ceb0 100644 --- a/front/src/modules/ui/typography/components/H1Title.tsx +++ b/front/src/modules/ui/typography/components/H1Title.tsx @@ -3,6 +3,7 @@ import styled from '@emotion/styled'; type H1TitleProps = { title: string; fontColor?: H1TitleFontColor; + className?: string; }; export enum H1TitleFontColor { @@ -25,4 +26,11 @@ const StyledTitle = styled.h2<{ export const H1Title = ({ title, fontColor = H1TitleFontColor.Tertiary, -}: H1TitleProps) => {title}; + className, +}: H1TitleProps) => { + return ( + + {title} + + ); +}; diff --git a/front/src/pages/settings/SettingsObjects.tsx b/front/src/pages/settings/SettingsObjects.tsx index 0e5bdfdd15..d5d5e965c3 100644 --- a/front/src/pages/settings/SettingsObjects.tsx +++ b/front/src/pages/settings/SettingsObjects.tsx @@ -2,12 +2,14 @@ import { useNavigate } from 'react-router-dom'; import { useTheme } from '@emotion/react'; import styled from '@emotion/styled'; +import { Button } from '@/ui/button/components/Button'; import { IconBuildingSkyscraper, IconChevronRight, IconDotsVertical, IconLuggage, IconPlane, + IconPlus, IconSettings, IconUser, } from '@/ui/icon'; @@ -55,6 +57,17 @@ const StyledIconDotsVertical = styled(IconDotsVertical)` color: ${({ theme }) => theme.font.color.tertiary}; `; +const StyledHeader = styled.div` + align-items: center; + display: flex; + justify-content: space-between; + margin-bottom: ${({ theme }) => theme.spacing(8)}; +`; + +const StyledH1Title = styled(H1Title)` + margin-bottom: 0; +`; + const activeObjectItems = [ { name: 'Companies', @@ -96,7 +109,18 @@ export const SettingsObjects = () => { return ( - + + +