mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2024-11-25 10:45:41 +03:00
Code Issues Projects Releases Packages 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 */ /* SHEET */
@keyframes slide-up {
0% {
transform: translateY(100%);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.sheet { .sheet {
align-self: flex-end; align-self: flex-end;
display: flex; display: flex;
@ -614,7 +604,7 @@ button.carousel-dot[disabled].active {
max-width: calc(40em - 50px - 16px); max-width: calc(40em - 50px - 16px);
border-radius: 16px 16px 0 0; border-radius: 16px 16px 0 0;
box-shadow: 0 -1px 32px var(--divider-color); 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); border: 1px solid var(--outline-color);
} }
.sheet header { .sheet header {

9
src/index.css
View file

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