From f74d327f3fac2f7ad6819b31a8dd98a6b37932be Mon Sep 17 00:00:00 2001 From: Emmanuelle Bonnemay Date: Tue, 29 Oct 2024 15:44:02 +0100 Subject: [PATCH 1/4] feat(mon-pix): add new connexion illustration --- .../images/illustrations/authentication.svg | 21 ++++++------------- 1 file changed, 6 insertions(+), 15 deletions(-) diff --git a/mon-pix/public/images/illustrations/authentication.svg b/mon-pix/public/images/illustrations/authentication.svg index 735382f0f21..4674913e00a 100644 --- a/mon-pix/public/images/illustrations/authentication.svg +++ b/mon-pix/public/images/illustrations/authentication.svg @@ -1,7 +1,7 @@ - + @@ -52,35 +52,26 @@ - + - + - + - + - - - - - - - - - - + From ab899c4191a22f5dcdb96791c242f228c82bf7ab Mon Sep 17 00:00:00 2001 From: Emmanuelle Bonnemay Date: Tue, 29 Oct 2024 15:47:08 +0100 Subject: [PATCH 2/4] feat(mon-pix): add link to Pix homepage on Pix Logo --- .../authentication-layout/header.gjs | 25 ++++++++++++++----- mon-pix/app/services/url.js | 3 +++ 2 files changed, 22 insertions(+), 6 deletions(-) diff --git a/mon-pix/app/components/authentication-layout/header.gjs b/mon-pix/app/components/authentication-layout/header.gjs index fd85f5d75fb..fabb82f3ea2 100644 --- a/mon-pix/app/components/authentication-layout/header.gjs +++ b/mon-pix/app/components/authentication-layout/header.gjs @@ -1,6 +1,19 @@ - - {{yield}} - - +import { service } from '@ember/service'; +import Component from '@glimmer/component'; + +export default class Header extends Component { + @service url; + + get showcase() { + return this.url.showcase; + } + + +} diff --git a/mon-pix/app/services/url.js b/mon-pix/app/services/url.js index 5ff81cd3099..75026abb261 100644 --- a/mon-pix/app/services/url.js +++ b/mon-pix/app/services/url.js @@ -137,6 +137,9 @@ export default class Url extends Service { if (currentLanguage === ENGLISH_INTERNATIONAL_LOCALE) { return `https://pix.${this.currentDomain.getExtension()}/en`; } + if (currentLanguage === DUTCH_INTERNATIONAL_LOCALE) { + return `https://pix.${this.currentDomain.getExtension()}/nl-be`; + } return `https://pix.${this.currentDomain.getExtension()}`; } From 886ef334591a65fc98269e9bf01c276fcfc22cc4 Mon Sep 17 00:00:00 2001 From: Emmanuelle Bonnemay Date: Tue, 29 Oct 2024 15:51:00 +0100 Subject: [PATCH 3/4] feat(mon-pix): improve connexion layout --- .../authentication-layout/index.scss | 22 +++++++++++++------ 1 file changed, 15 insertions(+), 7 deletions(-) diff --git a/mon-pix/app/components/authentication-layout/index.scss b/mon-pix/app/components/authentication-layout/index.scss index 36a97f76072..364fef55728 100644 --- a/mon-pix/app/components/authentication-layout/index.scss +++ b/mon-pix/app/components/authentication-layout/index.scss @@ -1,5 +1,5 @@ .authentication-layout { - width: 100vw; + width: 100%; min-height: 100vh; background-color: var(--pix-neutral-0); @@ -15,6 +15,15 @@ } } +@include device-is('tablet'){ + .authentication-layout { + .authentication-layout__main { + width: 70%; + margin: 0 auto; + } + } +} + @include device-is('desktop') { .authentication-layout { display: grid; @@ -51,15 +60,14 @@ flex-direction: column; grid-column: 7 / span 5; width: 100%; - padding: 0; - - > main { - flex-grow: 1; - } + padding: 20px auto; + max-width: 800px; } } } + + .authentication-layout-header { display: flex; align-items: center; @@ -73,7 +81,7 @@ .authentication-layout-footer { width: 100%; - margin-top: var(--pix-spacing-10x); + margin-top: var(--pix-spacing-12x); .footer-container-content__navigation { margin-top: var(--pix-spacing-2x); From ab7d40302d80903015c52454b97ed8c9b2ea5f23 Mon Sep 17 00:00:00 2001 From: Emmanuelle Bonnemay Date: Tue, 29 Oct 2024 15:52:17 +0100 Subject: [PATCH 4/4] feat(mon-pix): modify language switcher's width --- mon-pix/app/components/authentication-layout/index.scss | 8 ++++---- mon-pix/app/components/language-switcher.hbs | 1 + mon-pix/app/styles/app.scss | 1 + mon-pix/app/styles/components/language-switcher.scss | 3 +++ 4 files changed, 9 insertions(+), 4 deletions(-) create mode 100644 mon-pix/app/styles/components/language-switcher.scss diff --git a/mon-pix/app/components/authentication-layout/index.scss b/mon-pix/app/components/authentication-layout/index.scss index 364fef55728..7822385d8b6 100644 --- a/mon-pix/app/components/authentication-layout/index.scss +++ b/mon-pix/app/components/authentication-layout/index.scss @@ -60,8 +60,8 @@ flex-direction: column; grid-column: 7 / span 5; width: 100%; - padding: 20px auto; max-width: 800px; + padding: 20px auto; } } } @@ -93,10 +93,10 @@ text-decoration: underline; } - } - .footer-navigation__item{ - margin: 0 var(--pix-spacing-3x) 0 0; + .footer-navigation__item { + margin: 0 var(--pix-spacing-3x) 0 0; + } } } diff --git a/mon-pix/app/components/language-switcher.hbs b/mon-pix/app/components/language-switcher.hbs index ee140c1fc29..5f16e3ca88b 100644 --- a/mon-pix/app/components/language-switcher.hbs +++ b/mon-pix/app/components/language-switcher.hbs @@ -1,4 +1,5 @@