vanja/feishin
1
0
Fork 0
mirror of https://github.com/jeffvli/feishin.git synced 2026-07-22 10:26:33 +02:00
Code Issues Packages Projects Releases Wiki Activity

hide mobile drawer auth shell

Browse Source
This commit is contained in:
jeffvli
2026-07-18 21:51:46 -07:00
parent 8e3d3d3ec0
commit 4f08867fd7
1 changed files with 31 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/layouts/mobile-layout/mobile-layout.tsx
+31 -27
View File
@@ -40,14 +40,16 @@ export const MobileLayout = ({ shell }: MobileLayoutProps) => {
id="mobile-layout" id="mobile-layout"
> >
{!shell && <WindowBar />} {!shell && <WindowBar />}
<ActionIcon {!shell && (
className={styles.drawerButton} <ActionIcon
icon="menu" className={styles.drawerButton}
onClick={openSidebar} icon="menu"
size="lg" onClick={openSidebar}
tooltip={{ label: 'Menu' }} size="lg"
variant="subtle" tooltip={{ label: 'Menu' }}
/> variant="subtle"
/>
)}
<main className={styles.mainContent}> <main className={styles.mainContent}>
<Suspense fallback={<Spinner container />}> <Suspense fallback={<Spinner container />}>
<Outlet /> <Outlet />
@@ -55,25 +57,27 @@ export const MobileLayout = ({ shell }: MobileLayoutProps) => {
</main> </main>
<PlayerBar /> <PlayerBar />
</div> </div>
<Drawer {!shell && (
onClose={closeSidebar} <Drawer
opened={sidebarOpened} onClose={closeSidebar}
position="left" opened={sidebarOpened}
size="320px" position="left"
styles={{ size="320px"
body: { styles={{
height: '100%', body: {
padding: 0, height: '100%',
}, padding: 0,
content: { },
height: '100%', content: {
width: '100%', height: '100%',
}, width: '100%',
}} },
withCloseButton={false} }}
> withCloseButton={false}
<MobileSidebar /> >
</Drawer> <MobileSidebar />
</Drawer>
)}
<AnimatePresence initial={false}> <AnimatePresence initial={false}>
{isFullScreenPlayerExpanded && ( {isFullScreenPlayerExpanded && (
<div className={styles.fullScreenPlayerOverlay}> <div className={styles.fullScreenPlayerOverlay}>