fixies the issue with having a big conversation list

bhavya2611 · bhavya2611 · commit e613ae6c796c · 2022-08-18T14:36:33.000+05:30
diff --git a/components/Layout.tsx b/components/Layout.tsx
@@ -21,7 +21,7 @@ const NavigationColumnLayout: React.FC = ({ children }) => (
 )
 
 const NavigationHeaderLayout: React.FC = ({ children }) => (
-  <div className="h-[72px] bg-p-600 flex items-center justify-between flex-shrink-0 px-4">
+  <div className="h-[10vh] bg-p-600 flex items-center justify-between flex-shrink-0 px-4">
     <Link href="/" passHref={true}>
       <img className="h-8 w-auto" src="/xmtp-icon.png" alt="XMTP" />
     </Link>
diff --git a/components/NavigationPanel.tsx b/components/NavigationPanel.tsx
@@ -17,7 +17,7 @@ const NavigationPanel = ({ onConnect }: NavigationPanelProps): JSX.Element => {
   const { walletAddress } = useXmtp()
 
   return (
-    <div className="flex-grow flex flex-col">
+    <div className="flex-grow flex flex-col h-[80vh] overflow-y-auto">
       {walletAddress ? (
         <ConversationsPanel />
       ) : (
diff --git a/components/UserMenu.tsx b/components/UserMenu.tsx
@@ -80,7 +80,7 @@ const UserMenu = ({ onConnect, onDisconnect }: UserMenuProps): JSX.Element => {
   }, [walletAddress])
 
   return (
-    <div className="flex bg-p-600 items-center justify-between rounded-lg h-14 mx-4 mb-5 md:mb-4 px-4 drop-shadow-xl">
+    <div className="flex bg-p-600 items-center justify-between rounded-lg h-[10vh] mx-4 mb-5 md:mb-4 px-4 drop-shadow-xl">
       {walletAddress ? (
         <Menu>
           {({ open }) => (

Original file line number	Diff line number	Diff line change
`@@ -21,7 +21,7 @@ const NavigationColumnLayout: React.FC = ({ children }) => (`
`21`	`21`	`)`
`22`	`22`
`23`	`23`	`const NavigationHeaderLayout: React.FC = ({ children }) => (`
`24`		`- <div className="h-[72px] bg-p-600 flex items-center justify-between flex-shrink-0 px-4">`
	`24`	`+ <div className="h-[10vh] bg-p-600 flex items-center justify-between flex-shrink-0 px-4">`
`25`	`25`	`<Link href="/" passHref={true}>`
`26`	`26`	`<img className="h-8 w-auto" src="/xmtp-icon.png" alt="XMTP" />`
`27`	`27`	`</Link>`