cetirizine

commit 0243be4babbc31b7e4d3f3f50edf339bce6e085b
parent e4a85f31a207d042790c61b81ad95fe607ce8bca
Author: MTRNord <mtrnord1@gmail.com>
Date:   Wed, 26 Apr 2023 00:44:51 +0200

fix scrolling of roomlist

Diffstat:
M
src/components/roomList/roomList.tsx
 | 
2
+-
M
src/pages/MainPage.tsx
 | 
4
++--

2 files changed, 3 insertions(+), 3 deletions(-)
diff --git a/src/components/roomList/roomList.tsx b/src/components/roomList/roomList.tsx
@@ -136,7 +136,7 @@ const RoomList: FC<RoomListProps> = ({ sections, rooms }: RoomListProps) => {
     const [activeRoom, setActiveRoom] = useState<string | undefined>(undefined);
 
     return (
-        <div className="flex flex-col gap-1 flex-1 px-2 min-w-[33ch]">
+        <div className="flex flex-col gap-1 flex-1 p-2 min-w-[33ch] h-full overflow-y-auto overflow-x-hidden">
             {
                 sections.map(section => {
                     return (
diff --git a/src/pages/MainPage.tsx b/src/pages/MainPage.tsx
@@ -62,10 +62,10 @@ export default function MainPage() {
             displayname: "test2",
             dm: false,
             online: false,
-        }
+        },
     ];
     return <div className='flex flex-row w-full gap-2 h-full'>
-        <div className='flex flex-col bg-gradient-to-br from-slate-100 via-gray-200 to-orange-200 border-r-[1px] border-slate-300'>
+        <div className='flex flex-col h-full bg-gradient-to-br from-slate-100 via-gray-200 to-orange-200 border-r-[1px] border-slate-300'>
             <div className='flex flex-row gap-2 m-2 p-1  items-center border-b-2'>
                 <Avatar displayname='Test' avatarUrl='https://randomuser.me/api/portraits/men/62.jpg' dm={false} online={false} />
                 <div className='flex flex-row justify-between items-center w-full'>