mirror of
https://github.com/crater-invoice/crater.git
synced 2025-10-28 04:01:10 -04:00
fix responsive cropping issue for ios
This commit is contained in:
@ -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
|
||||
|
||||
@ -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"
|
||||
>​</span
|
||||
>
|
||||
|
||||
@ -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">
|
||||
|
||||
@ -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"
|
||||
>​</span
|
||||
>
|
||||
|
||||
Reference in New Issue
Block a user