ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Render reader desktop nav bar content only when visible

Browse Source
This commit is contained in:
schroda
2024-12-21 15:36:47 +01:00
parent 948e2564fa
commit f141a5ae66
1 changed files with 50 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/modules/reader/components/overlay/navigation/desktop/ReaderNavBarDesktop.tsx
View File

@@ -106,6 +106,8 @@ const BaseReaderNavBarDesktop = ({
}} }}
> >
<ReaderNavContainer sx={{ backgroundColor: 'background.paper', pointerEvents: 'all' }}> <ReaderNavContainer sx={{ backgroundColor: 'background.paper', pointerEvents: 'all' }}>
{isVisible && (
<>
<Stack sx={{ p: 2, gap: 2, backgroundColor: 'action.hover' }}> <Stack sx={{ p: 2, gap: 2, backgroundColor: 'action.hover' }}>
<Stack sx={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}> <Stack sx={{ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'center' }}>
<Tooltip title={t('reader.button.exit')}> <Tooltip title={t('reader.button.exit')}>
@@ -152,6 +154,8 @@ const BaseReaderNavBarDesktop = ({
<Divider /> <Divider />
<ReaderNavBarDesktopQuickSettings openSettings={openSettings} /> <ReaderNavBarDesktopQuickSettings openSettings={openSettings} />
</Stack> </Stack>
</>
)}
</ReaderNavContainer> </ReaderNavContainer>
</Drawer> </Drawer>
); );