From bd8d65c9ebd76780ccdfa785787ae90ce9a7c2d4 Mon Sep 17 00:00:00 2001 From: BFlat Date: Wed, 21 Sep 2022 11:47:30 +0700 Subject: [PATCH 1/2] update --- packages/storyteller-home/src/App.scss | 29 +++++++++++++------------- 1 file changed, 14 insertions(+), 15 deletions(-) diff --git a/packages/storyteller-home/src/App.scss b/packages/storyteller-home/src/App.scss index f4371730b6..feabf348a7 100644 --- a/packages/storyteller-home/src/App.scss +++ b/packages/storyteller-home/src/App.scss @@ -381,6 +381,8 @@ p { pointer-events: none; max-height: 680px; display: flex; + align-items: cemter; + justify-content: center; &.roko { margin-left: -450px; @@ -1020,21 +1022,23 @@ span.swiper-pagination-bullet.swiper-pagination-bullet-active { @media (max-width: 1199.98px) { .hero-img { + padding-top: 100px; + &.roko { margin: 0; margin-bottom: 60px; margin-left: -310px; - height: 48%; + height: 100%; } &.basilisk { margin: 0; margin-bottom: 30px; margin-right: -300px; - height: 50%; + height: 100%; } &.pascal { // margin-bottom: 40px; - height: 50%; + height: 100%; } } @@ -1096,22 +1100,21 @@ span.swiper-pagination-bullet.swiper-pagination-bullet-active { @media (max-width: 767.98px) { .hero-img { + padding-top: 60px; + &.roko { margin: 0; margin-bottom: 60px; - margin-left: -290px; - height: 48%; + margin-left: -310px; } &.basilisk { margin: 0; margin-bottom: 30px; - margin-right: -270px; - height: 50%; - } - &.pascal { - // margin-bottom: 40px; - height: 50%; + margin-right: -300px; } + // &.pascal { + // margin-bottom: 40px; + // } } .hero-title { @@ -1122,10 +1125,6 @@ span.swiper-pagination-bullet.swiper-pagination-bullet-active { max-width: 90%; } - .bg-hero { - min-height: 920px; - } - .shape-1-container { left: 12%; bottom: 14%; From 954dd7c6e0c32aa1b57d10ef94764a5ac0970b34 Mon Sep 17 00:00:00 2001 From: BFlat Date: Fri, 23 Sep 2022 05:40:43 +0700 Subject: [PATCH 2/2] fix --- packages/storyteller-home/src/App.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/storyteller-home/src/App.scss b/packages/storyteller-home/src/App.scss index feabf348a7..297279a080 100644 --- a/packages/storyteller-home/src/App.scss +++ b/packages/storyteller-home/src/App.scss @@ -381,7 +381,6 @@ p { pointer-events: none; max-height: 680px; display: flex; - align-items: cemter; justify-content: center; &.roko {