TheCloneArmy/crater
1
0
Fork 1
mirror of https://github.com/crater-invoice/crater.git synced 2025-10-27 11:41:09 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix responsive cropping issue for ios

Browse Source
This commit is contained in:
Mohit Panjwani
2022-02-22 12:29:37 +05:30
parent ca15751a5f
commit c28fc073e4
15 changed files with 32 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
resources/sass/crater.scss vendored
View File

@ -53,3 +53,16 @@
//---------------------------------- //----------------------------------
@import "components/animation.scss"; @import "components/animation.scss";
body {
min-height: 100vh;
min-height: -webkit-fill-available;
}
html {
height: -webkit-fill-available;
}
.h-screen-ios {
height: -webkit-fill-available;
}

12
resources/scripts/admin/layouts/LayoutBasic.vue
View File

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

2
resources/scripts/admin/layouts/LayoutInstallation.vue
View File

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

10
resources/scripts/admin/layouts/LayoutLogin.vue
View File

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

2
resources/scripts/admin/layouts/partials/TheSiteSidebar.vue
View File

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

2
resources/scripts/admin/views/errors/404.vue
View File

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

2
resources/scripts/admin/views/reports/ExpensesReport.vue
View File

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

2
resources/scripts/admin/views/reports/ProfitLossReport.vue
View File

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

2
resources/scripts/admin/views/reports/SalesReports.vue
View File

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

2
resources/scripts/admin/views/reports/TaxReport.vue
View File

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

2
resources/scripts/components/InvoicePublicPage.vue
View File

@ -1,6 +1,6 @@
I I
<template> <template>
<div class="h-screen h-screen-ios overflow-y-auto min-h-0"> <div class="h-screen overflow-y-auto min-h-0">
<div class="bg-gradient-to-r from-primary-500 to-primary-400 h-5"></div> <div class="bg-gradient-to-r from-primary-500 to-primary-400 h-5"></div>
<div <div

7
resources/scripts/components/base/BaseDialog.vue
View File

@ -12,7 +12,7 @@
flex flex
items-end items-end
justify-center justify-center
min-h-screen min-h-screen-ios min-h-screen
px-4 px-4
pt-4 pt-4
pb-20 pb-20
@ -36,10 +36,7 @@
<!-- This element is to trick the browser into centering the modal contents. --> <!-- This element is to trick the browser into centering the modal contents. -->
<span <span
class=" class="hidden sm:inline-block sm:align-middle sm:h-screen"
hidden
sm:inline-block sm:align-middle sm:h-screen sm:h-screen-ios
"
aria-hidden="true" aria-hidden="true"
>&#8203;</span >&#8203;</span
> >

2
resources/scripts/components/base/BaseGlobalLoader.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class="flex flex-col items-center justify-center h-screen h-screen-ios"> <div class="flex flex-col items-center justify-center h-screen">
<div class="loader loader-white"> <div class="loader loader-white">
<div class="loader-spined"> <div class="loader-spined">
<div class="loader--icon"> <div class="loader--icon">

7
resources/scripts/components/base/BaseModal.vue
View File

@ -13,7 +13,7 @@
flex flex
items-end items-end
justify-center justify-center
min-h-screen min-h-screen-ios min-h-screen
px-4 px-4
text-center text-center
sm:block sm:px-2 sm:block sm:px-2
@ -35,10 +35,7 @@
<!-- This element is to trick the browser into centering the modal contents. --> <!-- This element is to trick the browser into centering the modal contents. -->
<span <span
class=" class="hidden sm:inline-block sm:align-middle sm:h-screen"
hidden
sm:inline-block sm:align-middle sm:h-screen sm:h-screen-ios
"
aria-hidden="true" aria-hidden="true"
>&#8203;</span >&#8203;</span
> >

2
resources/scripts/customer/layouts/LayoutBasic.vue
View File

@ -6,7 +6,7 @@
<!-- <SiteSidebar /> --> <!-- <SiteSidebar /> -->
<main class="mt-16 pb-16 h-screen h-screen-ios overflow-y-auto min-h-0"> <main class="mt-16 pb-16 h-screen overflow-y-auto min-h-0">
<router-view /> <router-view />
</main> </main>
</div> </div>