fix(ui): update tooltip styles for improved visibility and consistency

Signed-off-by: Deluan <deluan@navidrome.org>
This commit is contained in:
Deluan 2026-03-15 14:29:47 -04:00
parent e7f2df310a
commit 10a3ea7a21

View File

@ -1,20 +1,23 @@
import { makeStyles } from '@material-ui/core/styles' import { makeStyles } from '@material-ui/core/styles'
const useMenuTooltipStyles = makeStyles((theme) => { const useMenuTooltipStyles = makeStyles(
const paperRoot = theme.overrides?.MuiPaper?.root || {} (theme) => ({
return {
tooltip: { tooltip: {
backgroundColor: backgroundColor:
paperRoot.backgroundColor || theme.palette.background.paper, theme.palette.type === 'dark'
color: paperRoot.color || theme.palette.text.primary, ? 'rgba(97, 97, 97, 0.92)'
boxShadow: theme.shadows[8], : 'rgba(224, 224, 224, 0.92)',
color:
theme.palette.type === 'dark'
? theme.palette.common.white
: theme.palette.common.black,
borderRadius: theme.shape.borderRadius, borderRadius: theme.shape.borderRadius,
...theme.typography.body1, ...theme.typography.body2,
padding: theme.spacing(1, 2), padding: theme.spacing(0.5, 1),
maxWidth: '30vw', maxWidth: 300,
}, },
} }),
}) { name: 'NDOverflowTooltip' },
)
export default useMenuTooltipStyles export default useMenuTooltipStyles