diff --git a/src/frontend/apps/desk/src/app/InnerLayout.tsx b/src/frontend/apps/desk/src/app/InnerLayout.tsx index 262f7aa..c8fb990 100644 --- a/src/frontend/apps/desk/src/app/InnerLayout.tsx +++ b/src/frontend/apps/desk/src/app/InnerLayout.tsx @@ -7,12 +7,11 @@ export default function InnerLayout({ children: React.ReactNode; }) { return ( - +
- + +

{t('Hello Desk !')}

diff --git a/src/frontend/apps/desk/src/components/Box.tsx b/src/frontend/apps/desk/src/components/Box.tsx index 21181a9..30733bc 100644 --- a/src/frontend/apps/desk/src/components/Box.tsx +++ b/src/frontend/apps/desk/src/components/Box.tsx @@ -21,6 +21,7 @@ export interface BoxProps { export const Box = styled('div')` display: flex; + flex-direction: column; ${({ $align }) => $align && `align-items: ${$align};`} ${({ $background }) => $background && `background: ${$background};`} ${({ $color }) => $color && `color: ${$color};`} diff --git a/src/frontend/apps/desk/src/features/header/Header.tsx b/src/frontend/apps/desk/src/features/header/Header.tsx index 5e5eb69..0c84049 100644 --- a/src/frontend/apps/desk/src/features/header/Header.tsx +++ b/src/frontend/apps/desk/src/features/header/Header.tsx @@ -42,16 +42,21 @@ export const Header = () => { return ( - - + + {t('Marianne - + {t('Freedom - + {t('Desk {t('Desk')} @@ -68,18 +73,20 @@ export const Header = () => { `} $gap="5rem" $justify="flex-end" + $direction="row" > - + - + John Doe { $height="100%" $width="3.75rem" $justify="space-between" - $direction="column" >