People: Disable tabs transition to improve UI performance #2182
May help improve rendering performance on slow devices. Feedback welcome!
This commit is contained in:
parent
4c583f7f1d
commit
bb09c43c49
|
@ -1,3 +1,9 @@
|
||||||
|
/* Transitions */
|
||||||
|
|
||||||
|
.no-transition {
|
||||||
|
transition: none;
|
||||||
|
}
|
||||||
|
|
||||||
/* Animations */
|
/* Animations */
|
||||||
|
|
||||||
@-webkit-keyframes rainbow {
|
@-webkit-keyframes rainbow {
|
||||||
|
|
|
@ -23,7 +23,7 @@
|
||||||
</v-tab>
|
</v-tab>
|
||||||
|
|
||||||
<v-tabs-items touchless>
|
<v-tabs-items touchless>
|
||||||
<v-tab-item v-for="(item, index) in tabs" :key="index" lazy>
|
<v-tab-item v-for="(item, index) in tabs" :key="index" :transition="false" class="no-transition" lazy>
|
||||||
<component :is="item.component" :static-filter="item.filter" :active="active === index"
|
<component :is="item.component" :static-filter="item.filter" :active="active === index"
|
||||||
@updateFaceCount="onUpdateFaceCount"></component>
|
@updateFaceCount="onUpdateFaceCount"></component>
|
||||||
</v-tab-item>
|
</v-tab-item>
|
||||||
|
|
Loading…
Reference in a new issue