Only add padding to layout if the player is visible

navidrome · Apr 2, 2020 · 86f73ee · 86f73ee
1 parent 3d6ce8a
commit 86f73ee
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/ui/src/layout/Layout.js b/ui/src/layout/Layout.js
@@ -7,12 +7,13 @@ import AppBar from './AppBar'
 import themes from '../themes'
 
 const useStyles = makeStyles({
-  root: { paddingBottom: '80px' }
+  root: { paddingBottom: (props) => (props.addPadding ? '80px' : 0) }
 })
 
 export default (props) => {
-  const classes = useStyles()
   const theme = useSelector((state) => themes[state.theme] || themes.DarkTheme)
+  const queue = useSelector((state) => state.queue)
+  const classes = useStyles({ addPadding: queue.queue.length > 0 })
 
   return (
     <Layout