ironmagma/quintodrome
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(ui): fix hover overlay not covering full album cover

Browse source 
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:
Deluan 2026-03-21 19:19:03 -04:00
parent 03844a9a36
commit 400a079fcd
1 changed files with 0 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ui/src/album/AlbumGridView.jsx
View file

@ -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%)',
}, },