fix responsive cropping issue for ios

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

View File

@ -1,6 +1,6 @@
I
<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

View File

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

View File

@ -1,5 +1,5 @@
<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-spined">
<div class="loader--icon">

View File

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