fixed issue with overflowing text in small screen for FilePreview

public/mix-manifest.json

@@ -1,21 +1,21 @@
 {
     "/js/main.js": "/js/main.js",
-    "/chunks/request.js": "/chunks/request.js?id=388b9e59eeb719e5",
+    "/chunks/request.js": "/chunks/request.js?id=6770484e564115b3",
     "/chunks/request-upload.js": "/chunks/request-upload.js?id=501663f9e43072f8",
     "/chunks/setup-wizard.js": "/chunks/setup-wizard.js?id=19a0784e59d768ec",
     "/chunks/status-check.js": "/chunks/status-check.js?id=f40938d1fb43820f",
     "/chunks/purchase-code.js": "/chunks/purchase-code.js?id=ba76b9a8adbfdc0b",
     "/chunks/database.js": "/chunks/database.js?id=5113b0d4284f764f",
-    "/chunks/environment.js": "/chunks/environment.js?id=8728f6fab2becf79",
+    "/chunks/environment.js": "/chunks/environment.js?id=784c2442268b36dc",
     "/chunks/app-setup.js": "/chunks/app-setup.js?id=cbe7bfed06400736",
     "/chunks/admin-account.js": "/chunks/admin-account.js?id=78d257775f5fc485",
-    "/chunks/shared.js": "/chunks/shared.js?id=a25f225ef2d9824c",
+    "/chunks/shared.js": "/chunks/shared.js?id=c0fa346721760ad2",
     "/chunks/shared/browser.js": "/chunks/shared/browser.js?id=b8c1f7904c027f05",
     "/chunks/shared/single-file.js": "/chunks/shared/single-file.js?id=a6063bed9be75a09",
     "/chunks/shared/authenticate.js": "/chunks/shared/authenticate.js?id=b5519d193bce2339",
     "/chunks/not-found.js": "/chunks/not-found.js?id=d31bd699138cf828",
     "/chunks/temporary-unavailable.js": "/chunks/temporary-unavailable.js?id=26798085f527d955",
-    "/chunks/admin.js": "/chunks/admin.js?id=915956155957c4f7",
+    "/chunks/admin.js": "/chunks/admin.js?id=ddcee582d6b9b738",
     "/chunks/dashboard.js": "/chunks/dashboard.js?id=5ab55a12214433c8",
     "/chunks/invoices.js": "/chunks/invoices.js?id=799928609f57ca10",
     "/chunks/subscriptions.js": "/chunks/subscriptions.js?id=a0c4f59d0ec4aee0",
@@ -42,7 +42,7 @@
     "/chunks/app-settings.js": "/chunks/app-settings.js?id=b0d1082fdcbbd17c",
     "/chunks/app-appearance.js": "/chunks/app-appearance.js?id=8ba3feb2cc81a2c3",
     "/chunks/app-index.js": "/chunks/app-index.js?id=0c50096e8de09288",
-    "/chunks/app-environment.js": "/chunks/app-environment.js?id=aa2f94fe3a554166",
+    "/chunks/app-environment.js": "/chunks/app-environment.js?id=f5cdd68ebc6a6b54",
     "/chunks/app-others.js": "/chunks/app-others.js?id=dd23507db4551d0a",
     "/chunks/app-sign-in-out.js": "/chunks/app-sign-in-out.js?id=f79027ce1f1f4c4b",
     "/chunks/app-adsense.js": "/chunks/app-adsense.js?id=c7e7dc2975317062",
@@ -57,12 +57,12 @@
     "/chunks/sign-up.js": "/chunks/sign-up.js?id=80da89f329c514fc",
     "/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=27cda9364b6593d8",
     "/chunks/create-new-password.js": "/chunks/create-new-password.js?id=2f0401ee2fc148c4",
-    "/chunks/settings.js": "/chunks/settings.js?id=f41a6b2dbce5b05d",
+    "/chunks/settings.js": "/chunks/settings.js?id=13f38ad770e862c6",
     "/chunks/profile.js": "/chunks/profile.js?id=3e24bb5e1f52d4bb",
     "/chunks/settings-password.js": "/chunks/settings-password.js?id=d00bf503d8126dc4",
     "/chunks/settings-storage.js": "/chunks/settings-storage.js?id=092e324aad54656b",
     "/chunks/billing.js": "/chunks/billing.js?id=115c25478cee576d",
-    "/chunks/platform.js": "/chunks/platform.js?id=90be0534e0d399f8",
+    "/chunks/platform.js": "/chunks/platform.js?id=622fe102512635e6",
     "/chunks/files.js": "/chunks/files.js?id=59bd6469922431e4",
     "/chunks/recent-uploads.js": "/chunks/recent-uploads.js?id=f7f85cc9ce14c054",
     "/chunks/my-shared-items.js": "/chunks/my-shared-items.js?id=5afd3b2bcc62f265",

resources/js/App.vue

@@ -1,5 +1,5 @@
 <template>
-    <div @keydown.esc="closeOverlays" tabindex="-1">
+    <div @keydown.esc="closeOverlays" tabindex="-1" class="min-w-[320px]">
         <!--UI components-->
         <Alert />
         <ToasterWrapper />

resources/js/components/FilePreview/FilePreview.vue

@@ -1,7 +1,7 @@
 <template>
     <div
         v-if="isFullPreview"
-        class="fixed left-0 right-0 top-0 bottom-0 z-40 h-full w-full bg-white dark:bg-dark-background"
+        class="fixed left-0 right-0 top-0 bottom-0 z-40 h-full w-full bg-white dark:bg-dark-background min-w-[320px]"
         ref="filePreview"
         tabindex="-1"
         @keydown.esc="closeFilePreview"

resources/js/components/FilePreview/FilePreviewToolbar.vue

@@ -10,7 +10,7 @@
             <div class="flex items-center">
                 <div class="mr-3 ml-0 flex items-center lg:mx-3">
                     <span
-                        class="inline-block max-w-[230px] overflow-hidden text-ellipsis whitespace-nowrap text-sm font-bold"
+                        class="inline-block max-w-[150px] xs:max-w-[230px] md:max-w-[290px] overflow-hidden text-ellipsis whitespace-nowrap text-sm font-bold"
                     >
                         {{ currentFile.data.attributes.name }}
                     </span>

resources/js/components/Forms/MailSetup.vue

@@ -45,7 +45,7 @@
 				<AppInputText title="Mail Username" :error="errors[0]">
 					<input
 						class="focus-border-theme input-dark"
-						v-model.lazy="mail.smtp.username"
+						v-model="mail.smtp.username"
 						placeholder="Type your mail username"
 						type="text"
 						:class="{ '!border-rose-600': errors[0] }"
@@ -82,8 +82,8 @@
 				</AppInputText>
 			</ValidationProvider>
 
-			<ValidationProvider v-if="shouldSetSMTPEmail" tag="div" mode="passive" name="Mail From Address" rules="required|email" v-slot="{ errors }">
+			<ValidationProvider v-if="shouldSetSMTPEmail" tag="div" mode="passive" name="Mail From" rules="required|email" v-slot="{ errors }">
-				<AppInputText title="Mail" :error="errors[0]" :is-last="true">
+				<AppInputText title="Mail From Address" :error="errors[0]" :is-last="true">
 					<input
 						class="focus-border-theme input-dark"
 						v-model.trim="mail.smtp.email"

tailwind.config.js

@@ -8,6 +8,14 @@ module.exports = {
 		debugScreens: {
 			position: ['bottom', 'right'],
 		},
+		screens: {
+			'xs': '420px',
+			'sm': '640px',
+			'md': '768px',
+			'lg': '1024px',
+			'xl': '1280px',
+			'2xl': '1536px',
+		},
 		/*textColor: {
 			'green': '#0ABB87',
 			'red': '#fd397a',