fix(ui): fix hover overlay not covering full album cover
Removed marginBottom: '3px' from tileBar and tileBarMobile styles that
was causing the hover overlay to not fully cover the album cover art.
The margin pushed the absolutely-positioned GridListTileBar up, leaving
a visible gap at the bottom. This became apparent after d2a54243a added
aspectRatio: 1 to the cover container.
This commit is contained in:
@@ -33,13 +33,11 @@ const useStyles = makeStyles(
|
|||||||
transition: 'all 150ms ease-out',
|
transition: 'all 150ms ease-out',
|
||||||
opacity: 0,
|
opacity: 0,
|
||||||
textAlign: 'left',
|
textAlign: 'left',
|
||||||
marginBottom: '3px',
|
|
||||||
background:
|
background:
|
||||||
'linear-gradient(to top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.4) 70%,rgba(0,0,0,0) 100%)',
|
'linear-gradient(to top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.4) 70%,rgba(0,0,0,0) 100%)',
|
||||||
},
|
},
|
||||||
tileBarMobile: {
|
tileBarMobile: {
|
||||||
textAlign: 'left',
|
textAlign: 'left',
|
||||||
marginBottom: '3px',
|
|
||||||
background:
|
background:
|
||||||
'linear-gradient(to top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.4) 70%,rgba(0,0,0,0) 100%)',
|
'linear-gradient(to top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.4) 70%,rgba(0,0,0,0) 100%)',
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user