Hide document UI while typing

2023-09-04 22:10:27 -04:00
parent 2358c3d13d
commit 5f788012db
7 changed files with 49 additions and 12 deletions
--- a/app/components/Header.tsx
+++ b/app/components/Header.tsx
@@ -21,9 +21,10 @@ type Props = {
  title: React.ReactNode;
  actions?: React.ReactNode;
  hasSidebar?: boolean;
+  className?: string;
 };

-function Header({ left, title, actions, hasSidebar }: Props) {
+function Header({ left, title, actions, hasSidebar, className }: Props) {
  const { ui } = useStores();
  const isMobile = useMobile();
  const hasMobileSidebar = hasSidebar && isMobile;
@@ -54,6 +55,7 @@ function Header({ left, title, actions, hasSidebar }: Props) {
    <Wrapper
      align="center"
      shrink={false}
+      className={className}
      $passThrough={passThrough}
      $insetTitleAdjust={ui.sidebarIsClosed && Desktop.hasInsetTitlebar()}
    >