mirror of
https://github.com/navidrome/navidrome.git
synced 2026-05-03 06:51:16 +00:00
fix(ui): update tooltip styles for improved visibility and consistency
Signed-off-by: Deluan <deluan@navidrome.org>
This commit is contained in:
parent
e7f2df310a
commit
10a3ea7a21
@ -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
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user