diff --git a/src/components/common/Header/Header.module.scss b/src/components/common/Header/Header.module.scss index f0cdf4efd..8f1124fb8 100644 --- a/src/components/common/Header/Header.module.scss +++ b/src/components/common/Header/Header.module.scss @@ -41,13 +41,13 @@ transition: all 0.2s; &.show { display: block; - animation: showHeaderSticky 0.2s; + animation: showHeaderSticky 0.4s; } } @keyframes showHeaderSticky { 0% { - transform: scale(.9); + transform: scale(.95); } 100% { transform: none; diff --git a/src/components/common/Header/components/HeaderMenu/HeaderMenu.module.scss b/src/components/common/Header/components/HeaderMenu/HeaderMenu.module.scss index f0cff0937..6a16505bc 100644 --- a/src/components/common/Header/components/HeaderMenu/HeaderMenu.module.scss +++ b/src/components/common/Header/components/HeaderMenu/HeaderMenu.module.scss @@ -6,6 +6,10 @@ padding-bottom: 0.8rem; &.full { @apply flex; + padding-top: 1.6rem; + @screen md { + padding-top: 0.8rem; + } } &.small { @apply flex; @@ -20,8 +24,6 @@ } @screen md { @apply flex justify-between items-center; - padding-top: 0.8rem; - padding-bottom: 0.8rem; } .left { // margin-bottom: 3.2rem;