third-party-mirrors/navidrome
1
0
Fork 0
mirror of https://github.com/navidrome/navidrome.git synced 2025-04-23 23:20:57 +03:00
Code Issues Packages Projects Releases Wiki Activity

Add paddingBottom to the whole sidebar menu, to avoid playlists to be covered by the player

Browse Source
This commit is contained in:
Deluan 2021-09-12 21:24:07 -04:00
parent ab2912b4fa
commit b55f3a6946
1 changed files with 3 additions and 1 deletions

4
ui/src/layout/Menu.js

@ -21,6 +21,7 @@ const useStyles = makeStyles((theme) => ({
easing: theme.transitions.easing.sharp,
duration: theme.transitions.duration.leavingScreen,
}),
paddingBottom: (props) => (props.addPadding ? '80px' : '20px'),
},
open: {
width: 240,
@ -49,7 +50,8 @@ const translatedResourceName = (resource, translate) =>
const Menu = ({ dense = false }) => {
const open = useSelector((state) => state.admin.ui.sidebarOpen)
const translate = useTranslate()
const classes = useStyles()
const queue = useSelector((state) => state.player?.queue)
const classes = useStyles({ addPadding: queue.length > 0 })
const resources = useSelector(getResources)
// TODO State is not persisted in mobile when you close the sidebar menu. Move to redux?