fix: iOS safe area using CSS (#1610)

2022-09-22 00:22:11 +05:30
parent 9dfeac7489
commit 8fa566336c
5 changed files with 44 additions and 37 deletions
--- a/packages/web/tailwind.config.js
+++ b/packages/web/tailwind.config.js
@@ -43,16 +43,16 @@ module.exports = {
        125: '31.25rem',
      },
      height: {
-        screen: 'var(--viewport-height)',
+        screen: 'var(--safe-viewport-height)',
      },
      minHeight: {
        1: '0.25rem',
        2: '0.5rem',
-        screen: 'var(--viewport-height)',
+        screen: 'var(--safe-viewport-height)',
      },
      maxHeight: {
        110: '27.5rem',
-        screen: 'var(--viewport-height)',
+        screen: 'var(--safe-viewport-height)',
      },
      zIndex: {
        'editor-content': 'var(--z-index-editor-content)',