From 3b07a9ecc9d8dee2f99fb3cdbadf4fa5fd091a8f Mon Sep 17 00:00:00 2001 From: Yash Date: Tue, 2 Apr 2024 17:56:39 +0000 Subject: responsiveness --- apps/web/src/app/layout.tsx | 4 ++++ apps/web/src/components/Main.tsx | 18 ++++++++++++++++-- 2 files changed, 20 insertions(+), 2 deletions(-) (limited to 'apps') diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx index 5b2ced94..33f38293 100644 --- a/apps/web/src/app/layout.tsx +++ b/apps/web/src/app/layout.tsx @@ -17,6 +17,10 @@ export default function RootLayout({ return ( +

{children}

diff --git a/apps/web/src/components/Main.tsx b/apps/web/src/components/Main.tsx index 9674ca03..b6ad3787 100644 --- a/apps/web/src/components/Main.tsx +++ b/apps/web/src/components/Main.tsx @@ -1,5 +1,5 @@ "use client"; -import { useState } from "react"; +import { useEffect, useRef, useState } from "react"; import { FilterCombobox } from "./Sidebar/FilterCombobox"; import { Textarea2 } from "./ui/textarea"; import { ArrowRight } from "lucide-react"; @@ -10,12 +10,26 @@ export default function Main({ sidebarOpen }: { sidebarOpen: boolean }) { const [value, setValue] = useState(""); const { width } = useViewport(); + const textArea = useRef(null); + + useEffect(() => { + function onResize() { + if (!textArea.current || !window.visualViewport) return; + + const visualViewportHeight = window.visualViewport.height; + } + + window.visualViewport?.addEventListener("resize", onResize); + return () => window.visualViewport?.removeEventListener("resize", onResize); + }, []); + return (