From 53695252b62ef61455bf711bee30741648f946ee Mon Sep 17 00:00:00 2001
From: Tristan Yang <yanggc888@163.com>
Date: Wed, 21 Jun 2023 18:49:55 +0800
Subject: [PATCH] fix: session list UX in mobile

---
 src/routes/chat/SessionList/index.tsx | 6 +++---
 src/routes/chat/index.tsx             | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/routes/chat/SessionList/index.tsx b/src/routes/chat/SessionList/index.tsx
index b1f6d944..e2affbdc 100644
--- a/src/routes/chat/SessionList/index.tsx
+++ b/src/routes/chat/SessionList/index.tsx
@@ -113,7 +113,7 @@ const SessionList: FC<Props> = ({ tempSession }) => {
   ]);
 
   return (
-    <>
+    <div className="h-full pb-14 md:pb-0 overflow-auto">
       {pinSessions.length ? (
         <ul className="flex flex-col gap-0.5 py-1 px-2 bg-primary-500/10">
           {pinSessions.map((p) => {
@@ -133,7 +133,7 @@ const SessionList: FC<Props> = ({ tempSession }) => {
           })}
         </ul>
       ) : null}
-      <ul ref={ref} className="flex flex-1 flex-col gap-0.5 p-2 overflow-auto">
+      <ul ref={ref} className="flex flex-1 flex-col gap-0.5 p-2">
         <ViewportList initialPrerender={10} viewportRef={ref} items={sessions}>
           {(s) => {
             const { type, id, mid = 0 } = s;
@@ -168,7 +168,7 @@ const SessionList: FC<Props> = ({ tempSession }) => {
           }}
         />
       )}
-    </>
+    </div>
   );
 };
 export default memo(SessionList);
diff --git a/src/routes/chat/index.tsx b/src/routes/chat/index.tsx
index 5aa121ee..19710595 100644
--- a/src/routes/chat/index.tsx
+++ b/src/routes/chat/index.tsx
@@ -89,7 +89,7 @@ function ChatPage() {
         )}
         <div
           className={clsx(
-            "left-container pb-14 md:pb-0 flex-col md:rounded-l-2xl w-full h-screen md:h-full md:max-w-[250px] md:min-w-[268px] shadow-[rgb(0_0_0_/_10%)_-1px_0px_0px_inset] bg-white dark:!bg-gray-800",
+            "left-container flex-col md:rounded-l-2xl w-full h-screen md:h-full md:max-w-[250px] md:min-w-[268px] shadow-[rgb(0_0_0_/_10%)_-1px_0px_0px_inset] bg-white dark:!bg-gray-800",
             isMainPath ? "flex" : "hidden md:flex"
           )}
         >