fixed issue with overflowing text in small screen for FilePreview

This commit is contained in:
Čarodej
2022-04-14 11:08:51 +02:00
parent cd5af37bfe
commit 50eb67ac79
6 changed files with 21 additions and 13 deletions

View File

@@ -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",

View File

@@ -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 />

View File

@@ -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"

View File

@@ -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>

View File

@@ -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 }">
<AppInputText title="Mail" :error="errors[0]" :is-last="true">
<ValidationProvider v-if="shouldSetSMTPEmail" tag="div" mode="passive" name="Mail From" rules="required|email" v-slot="{ errors }">
<AppInputText title="Mail From Address" :error="errors[0]" :is-last="true">
<input
class="focus-border-theme input-dark"
v-model.trim="mail.smtp.email"

8
tailwind.config.js vendored
View File

@@ -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',