nki/phanpy
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

No opacity for sheet animation

Browse source 
Move things around a bit
This commit is contained in:
Lim Chee Aun 2022-12-30 13:55:46 +08:00
parent a409ff6712
commit 30c529fe02
2 changed files with 10 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/app.css
View file

@ -592,16 +592,6 @@ button.carousel-dot[disabled].active {
/* SHEET */
@keyframes slide-up {
0% {
transform: translateY(100%);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.sheet {
align-self: flex-end;
display: flex;
@ -614,7 +604,7 @@ button.carousel-dot[disabled].active {
max-width: calc(40em - 50px - 16px);
border-radius: 16px 16px 0 0;
box-shadow: 0 -1px 32px var(--divider-color);
animation: slide-up 0.2s var(--timing-function);
animation: slide-up 0.3s var(--timing-function);
border: 1px solid var(--outline-color);
}
.sheet header {

9
src/index.css
View file

@ -277,3 +277,12 @@ code {
transform: translateY(0);
}
}
@keyframes slide-up {
0% {
transform: translateY(100%);
}
100% {
transform: translateY(0);
}
}