btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

⚗️ Page animation

Browse Source
This commit is contained in:
Liyas Thomas
2019-11-30 05:54:47 +05:30
parent a0191bafe7
commit b7fc72004f
2 changed files with 7 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
assets/css/styles.scss
View File

@@ -1,22 +1,14 @@
// Layout transitions .page-enter-active,
.page-leave-active,
.layout-enter-active, .layout-enter-active,
.layout-leave-active { .layout-leave-active {
transition: opacity 0.5s; transition: all 0.2s ease-in-out;
}
.layout-enter,
.layout-leave-active {
opacity: 0;
}
// Page transitions
.page-enter-active,
.page-leave-active {
transition: opacity 0.5s;
} }
.page-enter, .page-enter,
.page-leave-to { .page-leave-active,
.layout-enter,
.layout-leave-active {
opacity: 0; opacity: 0;
} }

4
layouts/default.vue
View File

@@ -301,9 +301,7 @@
</nav> </nav>
</div> </div>
</aside> </aside>
<transition name="layout" appear> <nuxt id="main" class="main" />
<nuxt id="main" class="main" />
</transition>
<aside class="nav-second"></aside> <aside class="nav-second"></aside>
</div> </div>
</div> </div>