From a2bedd35d0e0e50c81d7cfa68c0046a38349f38a Mon Sep 17 00:00:00 2001 From: Maxime Quandalle Date: Thu, 2 Dec 2021 13:59:43 +0100 Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Nouveaux=20logos?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- site/dev-server.js | 2 +- site/source/components/layout/Header.tsx | 25 +- .../static/images/logo-monentreprise.svg | 19 ++ site/source/static/images/logo-mycompany.svg | 267 ++---------------- 4 files changed, 55 insertions(+), 258 deletions(-) create mode 100644 site/source/static/images/logo-monentreprise.svg diff --git a/site/dev-server.js b/site/dev-server.js index 72d01889f..57e3fe1db 100644 --- a/site/dev-server.js +++ b/site/dev-server.js @@ -19,7 +19,7 @@ app.get('/', function (req, res) { res.send(``) + `) }) app.use( diff --git a/site/source/components/layout/Header.tsx b/site/source/components/layout/Header.tsx index c34b90c66..353e307bb 100644 --- a/site/source/components/layout/Header.tsx +++ b/site/source/components/layout/Header.tsx @@ -2,7 +2,8 @@ import SearchButton from 'Components/SearchButton' import { SitePathsContext } from 'Components/utils/SitePathsContext' import { Container } from 'DesignSystem/layout' import { Link } from 'DesignSystem/typography/link' -import logoSvg from 'Images/logo.svg' +import logoSvgFR from 'Images/logo-monentreprise.svg' +import logoSvgEN from 'Images/logo-mycompany.svg' import { useContext } from 'react' import { useTranslation } from 'react-i18next' import styled from 'styled-components' @@ -12,13 +13,17 @@ export default function Header() { const sitePaths = useContext(SitePathsContext) const { i18n: { language }, - t, } = useTranslation() return ( - Service mon-entreprise urssaf + {/* Figma source: https://www.figma.com/file/YJUpRNO12lcPUDsEYEXzT9/logo-monentreprisee-urssaf-edition */} + {language === 'fr' ? ( + + ) : ( + + )}
theme.spacings.xs}; a { height: 100%; - } - img { - height: 100%; - padding: 0; + display: flex; + align-items: center; } margin: ${({ theme }) => theme.spacings.sm} 0; ` + +const Logo = styled.img` + height: 70%; + + @media (min-width: ${({ theme }) => theme.breakpointsWidth.sm}) { + height: 80%; + } +` diff --git a/site/source/static/images/logo-monentreprise.svg b/site/source/static/images/logo-monentreprise.svg new file mode 100644 index 000000000..6cccdeae0 --- /dev/null +++ b/site/source/static/images/logo-monentreprise.svg @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/site/source/static/images/logo-mycompany.svg b/site/source/static/images/logo-mycompany.svg index 4ce7d2a90..21b55afb3 100644 --- a/site/source/static/images/logo-mycompany.svg +++ b/site/source/static/images/logo-mycompany.svg @@ -1,251 +1,18 @@ - - - - - - image/svg+xml - - mon-entreprise_logo - - - - - - - - mon-entreprise_logo - + + + + + + + + + + + + + + + + +