crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 20:26:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

🎨 styles: header spacing, animation

Browse Source 
:%s
This commit is contained in:
lytrankieio123
2021-09-15 14:56:24 +07:00
parent 4434f44dd1
commit 8af039d14e
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/common/Header/Header.module.scss
View File

@@ -41,13 +41,13 @@
transition: all 0.2s; transition: all 0.2s;
&.show { &.show {
display: block; display: block;
animation: showHeaderSticky 0.2s; animation: showHeaderSticky 0.4s;
} }
} }
@keyframes showHeaderSticky { @keyframes showHeaderSticky {
0% { 0% {
transform: scale(.9); transform: scale(.95);
} }
100% { 100% {
transform: none; transform: none;

6
src/components/common/Header/components/HeaderMenu/HeaderMenu.module.scss
View File

@@ -6,6 +6,10 @@
padding-bottom: 0.8rem; padding-bottom: 0.8rem;
&.full { &.full {
@apply flex; @apply flex;
padding-top: 1.6rem;
@screen md {
padding-top: 0.8rem;
}
} }
&.small { &.small {
@apply flex; @apply flex;
@@ -20,8 +24,6 @@
} }
@screen md { @screen md {
@apply flex justify-between items-center; @apply flex justify-between items-center;
padding-top: 0.8rem;
padding-bottom: 0.8rem;
} }
.left { .left {
// margin-bottom: 3.2rem; // margin-bottom: 3.2rem;