Tab switcher

2020-12-20 23:45:08 -06:00
parent 8b2df11c87
commit e8324428bf
8 changed files with 46 additions and 19 deletions
@@ -1,9 +1,10 @@
-const Content = ({ className, children }) => (
-  <div
-  className={`${className} flex-1 overflow-auto"`}
-  style={{
-    paddingTop: `calc(env(safe-area-inset-top, 0px) + 16px)`, // Care for the notch
-  }}>
+import classNames from 'classnames';
+
+const Content = ({ className, visible, children }) => (
+  <div className={classNames(`h-full overflow-auto py-2 absolute top-0 ${className || ''}`, {
+    visible,
+    invisible: !visible
+  })}>
    {children}
  </div>
 );