mirror of
https://github.com/Sendouc/sendou.ink.git
synced 2026-09-30 07:12:36 -05:00
Migrate react-flip-toolkit to React 19.3 ViewTransition
This commit is contained in:
@@ -1,6 +1,8 @@
|
||||
.mobileNav {
|
||||
display: block;
|
||||
position: fixed;
|
||||
/* captured on its own so animating content slides under it instead of over it */
|
||||
view-transition-name: layout-mobile-nav;
|
||||
inset: auto 0 0 0;
|
||||
width: auto;
|
||||
height: auto;
|
||||
@@ -403,3 +405,13 @@
|
||||
animation: none;
|
||||
}
|
||||
}
|
||||
|
||||
::view-transition-group(layout-mobile-nav) {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
::view-transition-group(layout-mobile-nav),
|
||||
::view-transition-old(layout-mobile-nav),
|
||||
::view-transition-new(layout-mobile-nav) {
|
||||
animation-duration: 0s;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user