From 8af039d14e2a9a99dc42b972a70908a07d52b8f1 Mon Sep 17 00:00:00 2001
From: lytrankieio123 <lytran@kie.io>
Date: Wed, 15 Sep 2021 14:56:24 +0700
Subject: [PATCH] :art: styles: header spacing, animation

:%s
---
 src/components/common/Header/Header.module.scss             | 4 ++--
 .../Header/components/HeaderMenu/HeaderMenu.module.scss     | 6 ++++--
 2 files changed, 6 insertions(+), 4 deletions(-)

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;