From 400a079fcd54b816b4742c9a7d44eea31fcab0da Mon Sep 17 00:00:00 2001 From: Deluan Date: Sat, 21 Mar 2026 19:19:03 -0400 Subject: [PATCH] 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. --- ui/src/album/AlbumGridView.jsx | 2 -- 1 file changed, 2 deletions(-) diff --git a/ui/src/album/AlbumGridView.jsx b/ui/src/album/AlbumGridView.jsx index c0d88d50..6b44c5fe 100644 --- a/ui/src/album/AlbumGridView.jsx +++ b/ui/src/album/AlbumGridView.jsx @@ -33,13 +33,11 @@ const useStyles = makeStyles( transition: 'all 150ms ease-out', opacity: 0, textAlign: 'left', - marginBottom: '3px', 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%)', }, tileBarMobile: { textAlign: 'left', - marginBottom: '3px', 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%)', },