responsive err

Shahan-nub · Oct 25, 2024 · 9a82b4f · 9a82b4f
1 parent 21c6395
commit 9a82b4f
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/src/components/Chat/Chat.jsx b/src/components/Chat/Chat.jsx
@@ -58,7 +58,7 @@ export default function Chat() {
   }, [messages]);
 
   return (
-    <div className="lg:w-4/5 w-full max-h-full min-h-full flex flex-col justify-between">
+    <div className="lg:w-4/5 w-full max-h-screen h-screen min-h-screen flex flex-col justify-between">
       <div className="flex flex-col justify-between h-full max-h-screen w-full">
         <ChatHeader></ChatHeader>
         <div className="overflow-scroll basis-[75%] max-lg:basis-[80%] no-scrollbar">

diff --git a/src/components/Chat/ChatInput.jsx b/src/components/Chat/ChatInput.jsx
@@ -156,8 +156,8 @@ export default function ChatInput({ handleMessageUpdate }) {
         onClick={() =>
           !activeChannel && alert("please select a channel before typing!")
         }
-        className={`w-[98%] backdrop-blur-xl mx-auto my-1 md:my-3 rounded-lg shadow-lg bg-color-2 flex items-center py-1 lg:py-2 px-2 lg:px-4 justify-between basis-[10%] max-lg:basis-[8%]
-        ${menuState ? "hidde lg:flex" : "visible"}
+        className={`w-[98%] backdrop-blur-xl mx-auto my-1 md:my-3 rounded-lg shadow-lg bg-color-2 flex items-center py-1 lg:py-2 px-2 lg:px-4 justify-between basis-[10%] max-sm:basis-[8%] max-lg:basis-[6%] max-md:mb-20
+        ${menuState ? "hidden lg:flex" : "visible"}
         `}
       >
         <div className="flex flex-1 items-center">

diff --git a/src/components/Home/HomePage.jsx b/src/components/Home/HomePage.jsx
@@ -31,7 +31,7 @@ export default function HomePage() {
     })
   },[dispatch])
   return (
-    <div className="flex fixed w-screen h-screen">
+    <div className="flex w-screen h-screen max-h-screen">
        {user ? (
         <>
           <Sidebar></Sidebar>