iOs window height fix

This commit is contained in:
Čarodej
2022-04-07 11:00:24 +02:00
parent eb48aa46e3
commit 93dbaa081d
11 changed files with 23 additions and 92 deletions

View File

@@ -1,6 +1,6 @@
{
"/js/main.js": "/js/main.js",
"/chunks/request.js": "/chunks/request.js?id=820580e856724538",
"/chunks/request.js": "/chunks/request.js?id=06fdf297879dfcde",
"/chunks/request-upload.js": "/chunks/request-upload.js?id=54fed02f6ced4685",
"/chunks/setup-wizard.js": "/chunks/setup-wizard.js?id=19a0784e59d768ec",
"/chunks/status-check.js": "/chunks/status-check.js?id=f82f9939c1326fe2",
@@ -9,14 +9,14 @@
"/chunks/environment.js": "/chunks/environment.js?id=166cd302ba7338ae",
"/chunks/app-setup.js": "/chunks/app-setup.js?id=15938ff1ad2d6ed2",
"/chunks/admin-account.js": "/chunks/admin-account.js?id=916450217130f3b8",
"/chunks/shared.js": "/chunks/shared.js?id=e928c7472e78b63d",
"/chunks/shared.js": "/chunks/shared.js?id=7165f6f1b0eb6775",
"/chunks/shared/browser.js": "/chunks/shared/browser.js?id=843bc2d059e81de4",
"/chunks/shared/single-file.js": "/chunks/shared/single-file.js?id=e907fd044a0d31bf",
"/chunks/shared/authenticate.js": "/chunks/shared/authenticate.js?id=672e931a9fb0b672",
"/chunks/not-found.js": "/chunks/not-found.js?id=9f6ce23ce5d969f1",
"/chunks/temporary-unavailable.js": "/chunks/temporary-unavailable.js?id=f564565faa09d6d6",
"/chunks/admin.js": "/chunks/admin.js?id=e02ede51e45f7813",
"/chunks/dashboard.js": "/chunks/dashboard.js?id=a41b0f486b1f8d36",
"/chunks/admin.js": "/chunks/admin.js?id=c83d81218bbc5798",
"/chunks/dashboard.js": "/chunks/dashboard.js?id=eecbbc0bbffd5a37",
"/chunks/invoices.js": "/chunks/invoices.js?id=1416cbf6d1a593ac",
"/chunks/subscriptions.js": "/chunks/subscriptions.js?id=5bf6704f5b599f36",
"/chunks/pages.js": "/chunks/pages.js?id=c8380d571e91e8be",
@@ -47,7 +47,7 @@
"/chunks/app-sign-in-out.js": "/chunks/app-sign-in-out.js?id=1cfffc99465b9a7a",
"/chunks/app-adsense.js": "/chunks/app-adsense.js?id=a5dc9e715f8561bd",
"/chunks/app-server.js": "/chunks/app-server.js?id=3a41e04bde0d3536",
"/chunks/app-language.js": "/chunks/app-language.js?id=7e5f3d5ec447e397",
"/chunks/app-language.js": "/chunks/app-language.js?id=c131a19a7bb42cd7",
"/chunks/homepage.js": "/chunks/homepage.js?id=832072b46053df76",
"/chunks/dynamic-page.js": "/chunks/dynamic-page.js?id=2504793131107b1f",
"/chunks/contact-us.js": "/chunks/contact-us.js?id=9adc7e145be4e160",
@@ -57,12 +57,12 @@
"/chunks/sign-up.js": "/chunks/sign-up.js?id=bb92bad614e60d45",
"/chunks/forgotten-password.js": "/chunks/forgotten-password.js?id=50a1bc5e4ed86ec9",
"/chunks/create-new-password.js": "/chunks/create-new-password.js?id=f652de052dba55c1",
"/chunks/settings.js": "/chunks/settings.js?id=5768cb763e66f11a",
"/chunks/settings.js": "/chunks/settings.js?id=51418daed1304598",
"/chunks/profile.js": "/chunks/profile.js?id=0eca231475e267ab",
"/chunks/settings-password.js": "/chunks/settings-password.js?id=3755d41eaf50a5b1",
"/chunks/settings-storage.js": "/chunks/settings-storage.js?id=994b669a56fd417b",
"/chunks/billing.js": "/chunks/billing.js?id=40e758c87bcf6e89",
"/chunks/platform.js": "/chunks/platform.js?id=0a2c034cf9807d11",
"/chunks/platform.js": "/chunks/platform.js?id=adbd23bb1da95322",
"/chunks/files.js": "/chunks/files.js?id=99230d6e76d78e5f",
"/chunks/recent-uploads.js": "/chunks/recent-uploads.js?id=8ba6e0814135b24a",
"/chunks/my-shared-items.js": "/chunks/my-shared-items.js?id=c0ff62b58694657e",

View File

@@ -42,3 +42,9 @@
overflow-wrap: anywhere;
}
}
@supports (-webkit-touch-callout: none) {
.h-screen {
height: -webkit-fill-available;
}
}

View File

@@ -1,5 +1,5 @@
<template>
<div class="md:h-screen md:overflow-hidden lg:flex w-full">
<div class="h-screen md:overflow-hidden lg:flex w-full">
<!--On Top of App Components-->
<FilePreview />
<Spotlight />

View File

@@ -1,5 +1,5 @@
<template>
<div id="single-page">
<div>
<div id="page-content" v-if="!isLoading && data">
<!--Headline-->
<div v-if="config.isAdminVueFileManagerBar" class="mb-4 hidden justify-between items-center md:mb-6 md:block md:flex">
@@ -187,7 +187,7 @@ import {mapGetters} from 'vuex'
import axios from 'axios'
import WidgetLatestTransactions from '../../components/Admin/WidgetLatestTransactions'
import {events} from "../../bus";
import AlertBox from "./AlertBox";
import AlertBox from "../../components/Admin/AlertBox";
export default {
name: 'Dashboard',

View File

@@ -80,7 +80,7 @@
</div>
<!--Content-->
<div class="dynamic-content">
<div class="dynamic-content w-full">
<Spinner v-if="!selectedLanguage" class="spinner" />
<div v-if="selectedLanguage">
@@ -240,7 +240,8 @@ export default {
return !string.toLowerCase().includes(val.toLowerCase())
})
var container = document.getElementById('single-page')
// todo: fix container
let container = document.getElementById('single-page')
container.scrollTop = 0
}, 300),

View File

@@ -1,5 +1,5 @@
<template>
<div class="lg:flex lg:h-screen lg:overflow-hidden w-full">
<div class="lg:flex h-screen lg:overflow-hidden w-full">
<!--On Top of App Components-->
<FilePreview />
<Spotlight />

View File

@@ -1,5 +1,5 @@
<template>
<div class="md:h-screen md:overflow-hidden lg:flex w-full">
<div class="h-screen md:overflow-hidden lg:flex w-full">
<!--On Top of App Components-->
<FilePreview />
<Spotlight />

View File

@@ -1,5 +1,5 @@
<template>
<div class="lg:flex lg:h-screen lg:overflow-hidden w-full">
<div class="lg:flex h-screen lg:overflow-hidden w-full">
<!--File preview window-->
<FilePreview />
<Spotlight />

View File

@@ -1,5 +1,5 @@
<template>
<div class="lg:flex lg:h-screen lg:overflow-hidden w-full">
<div class="lg:flex h-screen lg:overflow-hidden w-full">
<!--On Top of App Components-->
<FilePreview />
<Spotlight />

View File

@@ -11,48 +11,6 @@
flex: 1;
}
#single-page {
overflow-x: hidden;
width: 100%;
height: 100%;
position: relative;
padding-left: 25px;
padding-right: 25px;
#page-content {
margin: 0 auto;
&.full-width {
max-width: 100%;
}
&.medium-width {
max-width: 700px;
}
&.large-width {
max-width: 1190px;
}
&.small-width {
max-width: 690px;
}
&.center-page {
height: 100%;
padding-top: 20px;
margin-bottom: 50px;
display: grid;
width: 100%;
.content-page {
margin: auto;
width: 100%;
}
}
}
}
.form-fixed-width {
width: 700px;
margin: 0 auto;
@@ -286,19 +244,6 @@
@media only screen and (max-width: 1024px) {
#single-page {
#page-content {
&.full-width,
&.medium-width,
&.small-width {
max-width: 100%;
width: 100%;
}
}
}
.menu-list-wrapper {
.menu-list-item {
@@ -316,19 +261,6 @@
@media only screen and (max-width: 960px) {
#single-page {
padding-left: 30px;
padding-right: 30px;
#page-content {
padding-top: 0;
&.center-page {
padding-top: 0;
}
}
}
.menu-list-wrapper {
&.horizontal {
top: 30px;
@@ -340,14 +272,6 @@
}
}
@media only screen and (max-width: 690px) {
#single-page {
padding-left: 15px;
padding-right: 15px;
}
}
.dark {
.empty-note {