💄 style: Fix lazyload height

lobehub · Oct 17, 2023 · 98efe02 · 98efe02
1 parent dd8d47c
commit 98efe02
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/src/app/chat/features/SessionListContent/List/index.tsx b/src/app/chat/features/SessionListContent/List/index.tsx
@@ -1,4 +1,4 @@
-import { useResponsive } from 'antd-style';
+import { createStyles, useResponsive } from 'antd-style';
 import isEqual from 'fast-deep-equal';
 import Link from 'next/link';
 import { memo } from 'react';
@@ -12,10 +12,16 @@ import AddButton from './AddButton';
 import SessionItem from './Item';
 import SkeletonList from './SkeletonList';
 
+const useStyles = createStyles(
+  ({ css }) => css`
+    min-height: 70px;
+  `,
+);
+
 const SessionList = memo(() => {
   const list = useSessionStore(sessionSelectors.sessionList, isEqual);
   const [activeSession, switchSession] = useSessionStore((s) => [s.activeSession, s.switchSession]);
-
+  const { styles } = useStyles();
   const isInit = useSessionHydrated();
 
   const { mobile } = useResponsive();
@@ -24,7 +30,7 @@ const SessionList = memo(() => {
     <SkeletonList />
   ) : list.length > 0 ? (
     list.map(({ id }) => (
-      <LazyLoad height={70} key={id}>
+      <LazyLoad className={styles} key={id}>
         <Link
           aria-label={id}
           href={SESSION_CHAT_URL(id, mobile)}