🐛 fix: Fix mobile session style

SilvaneiMartins · May 9, 2024 · 998a191 · 998a191
1 parent c1f87d1
commit 998a191
Showing 1 changed file with 5 additions and 8 deletions.
diff --git a/src/app/(main)/chat/_layout/Mobile.tsx b/src/app/(main)/chat/_layout/Mobile.tsx
@@ -10,34 +10,31 @@ import { useQuery } from '@/hooks/useQuery';
 import { LayoutProps } from './type';
 
 const useStyles = createStyles(({ css, token }) => ({
-  active: css`
-    display: unset;
-  `,
   main: css`
     position: relative;
     overflow: hidden;
-    display: none;
     background: ${token.colorBgLayout};
   `,
 }));
 
 const Layout = memo<LayoutProps>(({ children, session }) => {
   const { showMobileWorkspace } = useQuery();
-  const { cx, styles } = useStyles();
+  const { styles } = useStyles();
 
   return (
     <>
       <Flexbox
-        className={cx(styles.main, !showMobileWorkspace && styles.active)}
+        className={styles.main}
         height="100%"
+        style={showMobileWorkspace ? { display: 'none' } : undefined}
         width="100%"
       >
         {session}
       </Flexbox>
       <Flexbox
-        className={cx(styles.main, showMobileWorkspace && styles.active)}
+        className={styles.main}
         height="100%"
-        id={'lobe-workspace-mobile'}
+        style={showMobileWorkspace ? undefined : { display: 'none' }}
         width="100%"
       >
         {children}