Simplified the min-h-screen's;

homebase-id · Jan 9, 2024 · 57d58ab · 57d58ab
1 parent 9c29892
commit 57d58ab
Show file tree

Hide file tree

Showing 6 changed files with 5 additions and 6 deletions.
diff --git a/packages/chat-app/src/components/Chat/ChatHistory.tsx b/packages/chat-app/src/components/Chat/ChatHistory.tsx
@@ -105,7 +105,7 @@ export const ChatHistory = ({
     <>
       <ErrorNotification error={deleteMessagesError} />
       <div
-        className="flex h-full w-full flex-grow flex-col-reverse overflow-auto p-5"
+        className="flex w-full flex-grow flex-col-reverse overflow-auto p-5"
         ref={scrollRef}
         key={conversation?.fileId}
       >

diff --git a/packages/chat-app/src/components/Chat/Detail/Media/ChatMediaGallery.tsx b/packages/chat-app/src/components/Chat/Detail/Media/ChatMediaGallery.tsx
@@ -83,7 +83,7 @@ export const ChatMediaGallery = ({ msg }: { msg: DriveSearchResult<ChatMessage>
     <div className="fixed inset-0 z-40 bg-black lg:bg-transparent" role="dialog" aria-modal="true">
       <div className="inset-0 bg-black transition-opacity lg:fixed"></div>
       <div className="inset-0 z-10 lg:fixed lg:overflow-y-auto">
-        <div className="relative flex h-full min-h-screen flex-row items-center justify-center">
+        <div className="relative flex h-full min-h-[100dvh] flex-row items-center justify-center">
           {msg.fileMetadata.payloads.find((p) => p.key === mediaKey)?.contentType ===
           'video/mp4' ? (
             <OdinVideo

diff --git a/packages/chat-app/src/templates/Chat/ChatDetail.tsx b/packages/chat-app/src/templates/Chat/ChatDetail.tsx
@@ -56,7 +56,7 @@ export const ChatDetail = ({
   };
 
   return (
-    <div className="flex h-[100dvh] flex-grow flex-col overflow-hidden">
+    <div className="flex h-full flex-grow flex-col overflow-hidden">
       <ChatHeader conversation={conversation || undefined} toggleSidenav={toggleSidenav} />
       <GroupChatConnectedState conversation={conversation || undefined} />
       <ChatHistory

diff --git a/packages/chat-app/src/templates/Chat/ChatHome.tsx b/packages/chat-app/src/templates/Chat/ChatHome.tsx
@@ -30,7 +30,7 @@ export const ChatHome = () => {
       <div className={`flex h-[100dvh] w-full flex-row overflow-hidden`}>
         <ChatSideNav isOpen={isSidenavOpen} setIsSidenavOpen={setIsSidenavOpen} />
 
-        <div className="h-[100dvh] w-full flex-grow bg-background">
+        <div className="h-full w-full flex-grow bg-background">
           <ChatDetail
             conversationId={conversationKey}
             toggleSidenav={() => setIsSidenavOpen(!isSidenavOpen)}

diff --git a/packages/feed-app/src/templates/About/About.tsx b/packages/feed-app/src/templates/About/About.tsx
@@ -8,7 +8,7 @@ import { ROOT_PATH } from '../../app/App';
 const About = () => {
   return (
     <NoLayout noShadedBg={true}>
-      <section className="relative flex min-h-screen items-center justify-center">
+      <section className="relative flex items-center justify-center">
         <div className="absolute inset-0 flex flex-col">
           <div className="flex flex-row items-center border-b px-5 py-3">
             <Homebase className="my-auto mr-2 h-10 w-10" />{' '}

diff --git a/packages/feed-app/src/templates/Auth/Auth.tsx b/packages/feed-app/src/templates/Auth/Auth.tsx
@@ -20,7 +20,6 @@ const Auth = () => {
         <title>Login | Homebase</title>
       </Helmet>
       <Layout noShadedBg={true} noPadding={true}>
-        {/* <PhotoLibraryLoader className="h-screen overflow-hidden px-2 py-2 pt-4 sm:px-10 sm:pt-8" /> */}
         <DialogWrapper>
           {isError && (
             <Alert className="my-2" type="warning" isCompact={true}>