- When new user was created via admin, the verification email was send

- Item name in list view type is now extended on the full page width

resources/js/components/Popups/Alert.vue

@@ -8,7 +8,8 @@
             <div class="fixed top-0 bottom-0 left-0 right-0 z-10 m-auto w-full bg-white shadow-xl dark:bg-dark-foreground md:relative md:w-[490px] md:rounded-xl">
 				<div class="flex h-full -translate-y-7 transform items-center justify-center px-8 text-center md:translate-y-0">
 					<div>
-						<img src="https://twemoji.maxcdn.com/v/13.1.0/svg/1f627.svg" alt="" class="mx-auto mb-4 w-20 md:mt-6 min-h-[80px]" />
+						<img v-if="isSuccess" src="https://twemoji.maxcdn.com/v/13.1.1/svg/1f609.svg" alt="" class="mx-auto mb-4 w-20 md:mt-6 min-h-[80px]" />
+						<img v-if="isAlert" src="https://twemoji.maxcdn.com/v/13.1.0/svg/1f627.svg" alt="" class="mx-auto mb-4 w-20 md:mt-6 min-h-[80px]" />
 
 						<h1 v-if="title" class="mb-2 text-2xl font-bold">
 							{{ title }}
@@ -46,7 +47,8 @@ export default {
             message: undefined,
             title: undefined,
             button: undefined,
-            emoji: undefined,
+			isSuccess: undefined,
+			isAlert: undefined,
         }
     },
     methods: {
@@ -58,18 +60,14 @@ export default {
         // Show alert
         events.$on('alert:open', (args) => {
             this.isVisibleWrapper = true
+            this.isAlert = true
 
             this.title = args.title || undefined
             this.message = args.message || undefined
 
             this.button = this.$te('alerts.error_confirm') ? this.$t('alerts.error_confirm') : 'That’s horrible!'
-            this.emoji = '😢😢😢'
             this.buttonStyle = 'danger'
 
-            if (args.emoji) {
-                this.emoji = args.emoji
-            }
-
             if (args.buttonStyle) {
                 this.buttonStyle = args.buttonStyle
             }
@@ -82,22 +80,20 @@ export default {
         // Show alert
         events.$on('success:open', (args) => {
             this.isVisibleWrapper = true
+			this.isSuccess = true
 
             this.title = args.title
             this.message = args.message
 
             this.button = this.$t('alerts.success_confirm')
-            this.emoji = '🥳🥳🥳'
             this.buttonStyle = 'theme'
-
-            if (args.emoji) {
-                this.emoji = args.emoji
-            }
         })
 
         // Close popup
         events.$on('popup:close', () => {
             this.isVisibleWrapper = false
+            this.isSuccess = undefined
+            this.isAlert = undefined
         })
     },
 }

resources/js/components/Spotlight/Spotlight.vue

@@ -1,5 +1,6 @@
 <template>
     <div
+		id="spotlight"
         v-if="isVisible"
         @keyup.esc="exitSpotlight"
         @click.exact.self="exitSpotlight"
@@ -959,3 +960,9 @@ export default {
     },
 }
 </script>
+
+<style lang="scss">
+	#spotlight .item-name {
+		padding-right: 35px;
+	}
+</style>

resources/js/components/UI/Entries/ItemList.vue

@@ -51,12 +51,14 @@
         </div>
 
         <!--Item Info-->
-        <div class="pl-2">
+        <div class="pl-2 min-w-0">
             <!--Item Title-->
             <span
-                class="mb-0.5 block overflow-hidden text-ellipsis whitespace-nowrap text-sm font-bold"
-                :class="{ 'hover:underline cursor-text': canEditName }"
-                style="max-width: 240px"
+                class="item-name mb-0.5 block overflow-hidden text-ellipsis whitespace-nowrap text-sm font-bold lg:pr-0 pr-4"
+                :class="{
+					'hover:underline cursor-text': canEditName,
+					'lg:!pr-16': mobileHandler && $isMobile(),
+                }"
                 ref="name"
                 @input="renameItem"
                 @keydown.delete.stop
@@ -125,7 +127,11 @@ export default {
         EyeIcon,
         Emoji,
     },
-    props: ['mobileHandler', 'highlight', 'entry'],
+    props: [
+		'mobileHandler',
+		'highlight',
+		'entry',
+	],
 	watch: {
 		isChecked: function (val) {
 			if (val) {

resources/js/components/UI/Entries/ThumbnailItem.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="flex select-none items-center rounded-xl" spellcheck="false">
         <!--Item thumbnail-->
-        <div class="relative w-16">
+        <div class="relative w-16 shrink-0">
             <!--Member thumbnail for team folders-->
             <MemberAvatar
                 v-if="user && canShowAuthor"
@@ -39,12 +39,9 @@
         </div>
 
         <!--Item Info-->
-        <div class="pl-2">
+        <div class="pl-2 min-w-0">
             <!--Item Title-->
-            <b
-                class="mb-0.5 block overflow-hidden text-ellipsis whitespace-nowrap text-sm hover:underline"
-                style="max-width: 240px"
-            >
+            <b class="mb-0.5 block overflow-hidden text-ellipsis whitespace-nowrap text-sm hover:underline">
                 {{ item.data.attributes.name }}
             </b>
 

resources/js/components/UI/Labels/TitlePreview.vue

@@ -8,7 +8,7 @@
             <file-icon v-if="icon === 'file'" class="text-theme vue-feather" size="19" />
         </div>
         <div>
-            <b class="block w-52 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-bold 2xl:w-72">
+            <b class="block overflow-hidden text-ellipsis text-sm font-bold">
                 {{ title }}
             </b>
             <small class="block text-xs font-bold text-gray-400">