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

resources/scripts/admin/views/errors/404.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="w-full h-screen h-screen-ios">
+  <div class="w-full h-screen">
     <div class="flex items-center justify-center w-full h-full">
       <div class="flex flex-col items-center justify-center">
         <h1 class="text-primary-500" style="font-size: 10rem">

resources/scripts/admin/views/reports/ExpensesReport.vue

@@ -50,7 +50,7 @@
         class="
           hidden
           w-full
-          h-screen h-screen-ios
+          h-screen
           border-gray-100 border-solid
           rounded
           md:flex

resources/scripts/admin/views/reports/ProfitLossReport.vue

@@ -50,7 +50,7 @@
         class="
           hidden
           w-full
-          h-screen h-screen-ios
+          h-screen
           border-gray-100 border-solid
           rounded
           md:flex

resources/scripts/admin/views/reports/SalesReports.vue

@@ -63,7 +63,7 @@
         class="
           hidden
           w-full
-          h-screen h-screen-ios
+          h-screen
           border-gray-100 border-solid
           rounded
           md:flex

resources/scripts/admin/views/reports/TaxReport.vue

@@ -49,7 +49,7 @@
         class="
           hidden
           w-full
-          h-screen h-screen-ios
+          h-screen
           border-gray-100 border-solid
           rounded
           md:flex