mirrors/navidrome
1
0
Fork 0
mirror of https://github.com/navidrome/navidrome.git synced 2025-04-04 21:17:37 +03:00
Code Issues Projects Releases Packages Wiki Activity

style(SongDataGrid): Improved Header Readability (#954)

Browse source 
* style(SongDataGrid): Table Header Definition - #943

Signed-off-by: Balaguru4580 <balaguru4580@gmail.com>

* style(SongDataGrid): Improved Header Readability - #943

Signed-off-by: Balaguru4580 <balaguru4580@gmail.com>

* Shadow Effect

* Shadow Effect Opacity Adjustment
This commit is contained in:
Balaguru Ragupathi 2021-04-03 07:45:59 +05:30 • committed by GitHub
parent 12223b2a83
commit 3d58c5ab54
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

12
ui/src/common/SongDatagrid.js
View file

@ -28,6 +28,13 @@ const useStyles = makeStyles({
}, },
}, },
}, },
headerCell: {
fontWeight: 'bold',
padding: '15px',
},
headerLine: {
boxShadow: '0px 3px 3px rgba(0, 0, 0, 0.15)',
},
contextMenu: { contextMenu: {
visibility: 'hidden', visibility: 'hidden',
}, },
@ -178,9 +185,14 @@ export const SongDatagrid = ({
showDiscSubtitles, showDiscSubtitles,
...rest ...rest
}) => { }) => {
const classes = useStyles()
return ( return (
<Datagrid <Datagrid
{...rest} {...rest}
classes={{
headerCell: classes.headerCell,
headerRow: classes.headerLine,
}}
body={ body={
<SongDatagridBody <SongDatagridBody
contextAlwaysVisible={contextAlwaysVisible} contextAlwaysVisible={contextAlwaysVisible}