active channel responsiveness issue solved

Shahan-nub · Mar 17, 2024 · bd5fdf5 · bd5fdf5
1 parent 4f98d94
commit bd5fdf5
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -7,6 +7,9 @@
   box-sizing: border-box;
   font-family :system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 }
+html {
+  scroll-behavior: smooth;
+}
 
 :root {
   --foreground-rgb: 0, 0, 0;

diff --git a/src/components/Chat/ChatHeaderSearchbar.jsx b/src/components/Chat/ChatHeaderSearchbar.jsx
@@ -6,8 +6,8 @@ import { FaQuestionCircle } from "react-icons/fa";
 
 export default function ChatHeaderSearchbar() {
   return (
-    <div className="flex basis-[60%] justify-end items-center">
-      <div className="flex items-center justify-evenly w-[20%] text-gray-500 sm:mx-2 ">
+    <div className="flex basis-[40%] sm:basis-[60%] justify-end items-center">
+      <div className="flex items-center justify-evenly sm:w-[20%] text-gray-500 sm:mx-2 ">
         <FaBell className=" cursor-pointer hover:text-white"></FaBell>
         <MdLocationPin className=" cursor-pointer hover:text-white"></MdLocationPin>
         <MdPeopleAlt className=" cursor-pointer hover:text-white"></MdPeopleAlt>

diff --git a/src/components/Chat/ChatHeaderTitle.jsx b/src/components/Chat/ChatHeaderTitle.jsx
@@ -9,7 +9,7 @@ export default function ChatHeaderTitle() {
   const dispatch=useDispatch();
   return (
     <>
-    <div className="flex text-slate-200  items-center text-nowrap basis-[40%] md:ml-2 text-lg md:text-2xl font-semibold font-sans lg:pl-0 pl-7">
+    <div className="flex text-slate-200  items-center text-nowrap basis-[60%] sm:basis-[40%] md:ml-2 text-lg md:text-2xl font-semibold font-sans lg:pl-0 pl-7">
       <MdMenu className={`mr-4 text-xl lg:hidden`}
       onClick={() => {dispatch(setMenu());
       console.log(menuState)