arian/navidrome
1
0
Fork 0
Code Issues Pull Requests 1 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
Download Patch File Download Diff File Expand all files Collapse all files
ui/src/layout/Menu.js
+3 -1
View File
@@ -21,6 +21,7 @@ const useStyles = makeStyles((theme) => ({
easing: theme.transitions.easing.sharp, easing: theme.transitions.easing.sharp,
duration: theme.transitions.duration.leavingScreen, duration: theme.transitions.duration.leavingScreen,
}), }),
paddingBottom: (props) => (props.addPadding ? '80px' : '20px'),
}, },
open: { open: {
width: 240, width: 240,
@@ -49,7 +50,8 @@ const translatedResourceName = (resource, translate) =>
const Menu = ({ dense = false }) => { const Menu = ({ dense = false }) => {
const open = useSelector((state) => state.admin.ui.sidebarOpen) const open = useSelector((state) => state.admin.ui.sidebarOpen)
const translate = useTranslate() const translate = useTranslate()
const classes = useStyles() const queue = useSelector((state) => state.player?.queue)
const classes = useStyles({ addPadding: queue.length > 0 })
const resources = useSelector(getResources) const resources = useSelector(getResources)
// TODO State is not persisted in mobile when you close the sidebar menu. Move to redux? // TODO State is not persisted in mobile when you close the sidebar menu. Move to redux?