iOs window height fix

resources/css/tailwind.css

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

resources/js/views/Admin.vue

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

resources/js/views/Admin/Dashboard.vue

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

resources/js/views/Admin/Languages/Language.vue

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

resources/js/views/Platform.vue

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

resources/js/views/Profile.vue

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

resources/js/views/Shared.vue

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

resources/js/views/UploadRequest.vue

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

resources/sass/app.scss

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