From 39d4f3a199b925c5657d40af8732892322327e55 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ra=C3=BAl=20Aguilar?= Date: Mon, 3 Jun 2024 08:34:30 +0200 Subject: [PATCH] [CHUX-524] Align the full screen content container (#1968) * [CHUX-524] add styles needed * [CHUX-524] remove p max width in story to make container width more noticeable * [CHUX-524] fix previous stories * [CHUX-524] update visual snapshots * 2.8.7 * [CHUX-524] move main container width var to the component --- package-lock.json | 4 ++-- package.json | 2 +- .../ec-container/ec-container.story.ts | 8 ++++---- src/components/ec-container/ec-container.vue | 2 +- .../ec-main-container/ec-main-container.vue | 9 ++++++++- ...ontainer--with-navigation__chrome.snap.png | Bin 157929 -> 162553 bytes ...ntainer--with-navigation__firefox.snap.png | Bin 166026 -> 164347 bytes 7 files changed, 16 insertions(+), 9 deletions(-) diff --git a/package-lock.json b/package-lock.json index 51cf56bbb..0bf6b42dd 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@ebury/chameleon-components", - "version": "2.8.6", + "version": "2.8.7", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@ebury/chameleon-components", - "version": "2.8.6", + "version": "2.8.7", "license": "MIT", "dependencies": { "@vueuse/core": "10.9.0", diff --git a/package.json b/package.json index e627a5eca..57a0ca49f 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@ebury/chameleon-components", - "version": "2.8.6", + "version": "2.8.7", "main": "src/main.ts", "sideEffects": false, "author": "Ebury Team (http://labs.ebury.rocks/)", diff --git a/src/components/ec-container/ec-container.story.ts b/src/components/ec-container/ec-container.story.ts index 555328a23..121736139 100644 --- a/src/components/ec-container/ec-container.story.ts +++ b/src/components/ec-container/ec-container.story.ts @@ -37,7 +37,7 @@ const Template: StoryFn = args => ({
Navigation panel
`, @@ -161,8 +161,8 @@ export const withNavigation: ContainerWithNavigationStory = ({ @@ -222,7 +222,7 @@ export const withResponsiveLayout: StoryFn = args => ({
Navigation panel
`, diff --git a/src/components/ec-container/ec-container.vue b/src/components/ec-container/ec-container.vue index 13e96f6da..95095556b 100644 --- a/src/components/ec-container/ec-container.vue +++ b/src/components/ec-container/ec-container.vue @@ -51,7 +51,7 @@ defineProps(); } &__content { - @apply tw-flex-1; + @apply tw-flex tw-flex-1 tw-justify-center; @apply tw-min-w-0; } } diff --git a/src/components/ec-main-container/ec-main-container.vue b/src/components/ec-main-container/ec-main-container.vue index 3f1b9209d..467997abf 100644 --- a/src/components/ec-main-container/ec-main-container.vue +++ b/src/components/ec-main-container/ec-main-container.vue @@ -65,9 +65,16 @@ function hasSlot(slotName: string) {