People: Disable tabs transition to improve UI performance #2182

May help improve rendering performance on slow devices.
Feedback welcome!

frontend/src/css/effects.css

@@ -1,3 +1,9 @@
+/* Transitions */
+
+.no-transition {
+    transition: none;
+}
+
 /* Animations */
 
 @-webkit-keyframes rainbow {

frontend/src/pages/people.vue

@@ -23,7 +23,7 @@
       </v-tab>
 
       <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"
                      @updateFaceCount="onUpdateFaceCount"></component>
         </v-tab-item>