🎨 styles: header spacing, animation

:%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

View File

@ -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;

View File

@ -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;