Update layout transition duration
This commit is contained in:
@@ -1,3 +1,22 @@
|
|||||||
|
/*
|
||||||
|
Layout fade animation
|
||||||
|
*/
|
||||||
|
|
||||||
|
.layout-fade-leave-active,
|
||||||
|
.layout-fade-enter-active {
|
||||||
|
transition: transform 0.15s ease-in-out, opacity 0.15s ease-in-out;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-fade-enter-to,
|
||||||
|
.layout-fade-leave-from {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.layout-fade-enter-from,
|
||||||
|
.layout-fade-leave-to {
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
Zoom animation
|
Zoom animation
|
||||||
*/
|
*/
|
||||||
|
|||||||
@@ -16,7 +16,7 @@ export default defineNuxtConfig({
|
|||||||
|
|
||||||
app: {
|
app: {
|
||||||
pageTransition: {
|
pageTransition: {
|
||||||
name: "fade",
|
name: "layout-fade",
|
||||||
mode: "out-in",
|
mode: "out-in",
|
||||||
},
|
},
|
||||||
head: {
|
head: {
|
||||||
|
|||||||
Reference in New Issue
Block a user