fix responsive cropping issue for ios

resources/scripts/admin/layouts/LayoutBasic.vue

@@ -9,17 +9,11 @@
     <ExchangeRateBulkUpdateModal />
 
     <main
-      class="
-        pt-16
-        pb-16
-        h-screen h-screen-ios
-        overflow-y-auto
-        md:pl-56
-        xl:pl-64
-        min-h-0
-      "
+      class="h-screen h-screen-ios overflow-y-auto md:pl-56 xl:pl-64 min-h-0"
     >
-      <router-view />
+      <div class="pt-16 pb-16">
+        <router-view />
+      </div>
     </main>
   </div>
 

resources/scripts/admin/layouts/LayoutInstallation.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="h-screen h-screen-ios overflow-y-auto text-base">
+  <div class="h-screen overflow-y-auto text-base">
     <NotificationRoot />
 
     <div class="container mx-auto px-4">

resources/scripts/admin/layouts/LayoutLogin.vue

@@ -1,13 +1,5 @@
 <template>
-  <div
-    class="
-      grid
-      h-screen h-screen-ios
-      grid-cols-12
-      overflow-y-hidden
-      bg-gray-100
-    "
-  >
+  <div class="grid h-screen grid-cols-12 overflow-y-hidden bg-gray-100">
     <NotificationRoot />
 
     <div

resources/scripts/admin/layouts/partials/TheSiteSidebar.vue

@@ -115,7 +115,7 @@
     class="
       hidden
       w-56
-      h-screen h-screen-ios
+      h-screen
       pb-32
       overflow-y-auto
       bg-white