fixes

resources/js/components/FilesView/MemberAvatar.vue

@@ -11,10 +11,10 @@
 		<div
 			v-else
 			class="flex items-center justify-center"
-			:class="[borderRadius, {'border-3 border-white': isBorder}]"
+			:class="[borderRadius, {'border-3 border-white dark:border-dark-background': isBorder}]"
 			:style="{width: size + 'px', height: size + 'px', background: member.data.attributes.color ? member.data.attributes.color : '#f4f5f6'}"
 		>
-			<span :class="fontSize" class="uppercase font-extrabold">
+			<span :class="fontSize" class="uppercase font-extrabold text-gray-900">
 				{{ letter }}
 			</span>
 		</div>
@@ -31,13 +31,24 @@
 		],
 		computed: {
 			letter() {
-				return this.member.data.attributes.name.substr(0, 1)
+				let string = this.member.data.attributes.name
+					? this.member.data.attributes.name
+					: this.member.data.attributes.email
+
+				return string.substr(0, 1)
 			},
 			borderRadius() {
 				return this.size > 32 ? 'rounded-xl' : 'rounded-lg'
 			},
 			fontSize() {
-				return this.size > 32 ? 'text-base' : 'text-sm'
+
+				if (this.size > 42) {
+					return 'text-lg'
+				} else if (this.size > 32) {
+					return 'text-base'
+				} else {
+					return 'text-sm'
+				}
 			},
 		}
 	}

resources/js/components/Teams/Components/TeamList.vue

@@ -5,14 +5,16 @@
 				<x-icon size="14" class="close-icon" />
 			</div>
 			<div class="member-preview">
-				<div class="avatar">
-					<MemberAvatar
-						class="mr-3 ml-2"
-						:is-border="true"
-						:size="44"
-						:member="$mapIntoMemberResource(entry)"
-					/>
-				</div>
+
+				<!--Avatar-->
+				<MemberAvatar
+					class="mr-3 ml-2"
+					:is-border="false"
+					:size="44"
+					:member="$mapIntoMemberResource(entry)"
+				/>
+
+				<!--Member-->
 				<div v-if="entry.type === 'member'" class="info">
 					<b class="title">
 						{{ entry.name }}
@@ -21,6 +23,8 @@
 						{{ entry.email }}
 					</span>
 				</div>
+
+				<!--Invitation-->
 				<div v-if="entry.type === 'invitation'" class="info">
 					<b class="title">
 						{{ entry.email }}

resources/js/components/Teams/Components/TeamMembersPreview.vue

@@ -4,7 +4,7 @@
 			3+
 		</span>
 		<div class="members">
-			<div v-for="member in members" :key="member.data.id" :title="member.data.attributes.email" class="member-preview">
+			<div v-for="member in members" :key="member.data.id" :title="member.data.attributes.email" class="member-preview z-10">
 				<MemberAvatar :is-border="true" :size="34" :member="member" />
 			</div>
 		</div>

resources/js/components/Teams/EditTeamFolderPopup.vue

@@ -67,7 +67,7 @@
 	import axios from "axios";
 
 	export default {
-		name: 'UpdateTeamFolderPopup',
+		name: 'EditTeamFolderPopup',
 		components: {
 			ValidationProvider,
 			ValidationObserver,