Rubicon/tutu
1
0
Fork 0
Code Issues 18 Pull requests 1 Projects 1 Activity Actions

StackedRouter: hero animation support

Browse source
This commit is contained in:
thislight 2024-11-17 17:37:42 +08:00
parent 63fe4acc98
commit 1641f3e75b
No known key found for this signature in database
GPG key ID: FCFE5192241CCD4E
2 changed files with 54 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/platform/StackedRouter.css
View file

@ -24,12 +24,8 @@ dialog.StackedPage {
background: var(--tutu-color-surface);
box-shadow: var(--tutu-shadow-e16);
@media (min-width: 560px) {
& {
left: 50%;
transform: translateX(-50%);
}
}
margin-left: auto;
margin-right: auto;
@media (max-width: 560px) {
& {
@ -50,4 +46,12 @@ dialog.StackedPage {
&::backdrop {
background: none;
}
&.animating {
overflow: hidden;
* {
overflow: hidden;
}
}
}