General design enhancements and scroll area changes

Signed-off-by: Julius Härtl <jus@bitgrid.net>

src/components/cards/AvatarList.vue

@@ -64,6 +64,9 @@ export default {
 	},
 	computed: {
 		firstUsers() {
+			if (!this.users || this.users.length === 0) {
+				return []
+			}
 			return this.users.slice(0, 3)
 		},
 		avatarUrl() {
@@ -79,6 +82,9 @@ export default {
 			}
 		},
 		popover() {
+			if (!this.users || this.users.length < 0) {
+				return []
+			}
 			return [
 				...this.users.slice(3).map((session) => {
 					return {

src/components/cards/CardItem.vue

@@ -230,7 +230,7 @@ export default {
 	.fade-enter-active, .fade-leave-active {
 		transition: opacity .125s;
 	}
-	.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
+	.fade-enter, .fade-leave-to {
 		opacity: 0;
 	}