iOs window height fix

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/AlertBox.vue

@@ -1,52 +0,0 @@
-<template>
-    <div
-		class="mb-6 flex cursor-pointer items-center rounded-xl p-5 shadow-card"
-		:class="{
-			'dark:bg-green-700/30 bg-green-200': color === 'green',
-			'dark:bg-rose-700/30 bg-rose-200': color === 'rose',
-		}"
-	>
-		<refresh-cw-icon
-			v-if="isLoading"
-			size="18"
-			class="vue-feather mr-4 shrink-0 animate-spin"
-			:class="{
-				'text-green-700 dark:text-green-500': color === 'green',
-				'text-rose-700 dark:text-rose-500': color === 'rose',
-			}"
-		/>
-        <alert-octagon-icon
-			v-if="!isLoading"
-			size="18"
-			class="vue-feather mr-4 shrink-0"
-			:class="{
-				'text-green-700 dark:text-green-500': color === 'green',
-				'text-rose-700 dark:text-rose-500': color === 'rose',
-			}"
-		/>
-        <p
-			class="text-sm text-green-700 dark:text-green-500"
-			:class="{
-				'text-green-700 dark:text-green-500': color === 'green',
-				'text-rose-700 dark:text-rose-500': color === 'rose',
-			}"
-		>
-            <slot />
-        </p>
-    </div>
-</template>
-<script>
-	import {AlertOctagonIcon, RefreshCwIcon} from "vue-feather-icons";
-
-	export default {
-		name: 'AlertBox',
-		props: [
-			'isLoading',
-			'color',
-		],
-		components: {
-			AlertOctagonIcon,
-			RefreshCwIcon,
-		}
-	}
-</script>

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