QRunIO/qqq-frontend-material-dashboard
2
0
Fork 0
mirror of https://github.com/Kingsrook/qqq-frontend-material-dashboard.git synced 2025-07-18 05:10:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Style updates per paul-designs (turn off general card elevation in favor of card borders; remove margin around left-nav;)

Browse Source
This commit is contained in:
darin.kelkhoff
2023-10-18 10:42:04 -05:00
parent 81b46408b4
commit 60a8baff35
3 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/qqq/assets/theme/components/card/index.ts
View File

@ -31,7 +31,7 @@ type Types = any;
const card: Types = { const card: Types = {
defaultProps: { defaultProps: {
elevation: 3 elevation: 0
}, },
styleOverrides: { styleOverrides: {
root: { root: {
@ -42,7 +42,7 @@ const card: Types = {
wordWrap: "break-word", wordWrap: "break-word",
backgroundColor: white.main, backgroundColor: white.main,
backgroundClip: "border-box", backgroundClip: "border-box",
border: `${borderWidth[0]} solid ${rgba(black.main, 0.125)}`, border: `${borderWidth[1]} solid ${rgba(black.main, 0.25)}`,
borderRadius: borderRadius.xl, borderRadius: borderRadius.xl,
overflow: "visible", overflow: "visible",
}, },

5
src/qqq/components/horseshoe/sidenav/SideNavRoot.tsx
View File

@ -27,7 +27,7 @@ export default styled(Drawer)(({theme, ownerState}: { theme?: Theme | any; owner
const {palette, boxShadows, transitions, breakpoints, functions} = theme; const {palette, boxShadows, transitions, breakpoints, functions} = theme;
const {transparentSidenav, whiteSidenav, miniSidenav, darkMode} = ownerState; const {transparentSidenav, whiteSidenav, miniSidenav, darkMode} = ownerState;
const sidebarWidth = 250; const sidebarWidth = 275;
const {transparent, gradients, white, background} = palette; const {transparent, gradients, white, background} = palette;
const {xxl} = boxShadows; const {xxl} = boxShadows;
const {pxToRem, linearGradient} = functions; const {pxToRem, linearGradient} = functions;
@ -94,6 +94,9 @@ export default styled(Drawer)(({theme, ownerState}: { theme?: Theme | any; owner
"& .MuiDrawer-paper": { "& .MuiDrawer-paper": {
boxShadow: xxl, boxShadow: xxl,
border: "none", border: "none",
margin: "0",
borderRadius: "0",
height: "100%",
...(miniSidenav ? drawerCloseStyles() : drawerOpenStyles()), ...(miniSidenav ? drawerCloseStyles() : drawerOpenStyles()),
}, },

2
src/qqq/components/widgets/charts/piechart/PieChart.tsx
View File

@ -85,7 +85,7 @@ function PieChart({description, chartData}: Props): JSX.Element
} }
return ( return (
<Card sx={{minHeight: "400px", boxShadow: "none", height: "100%", width: "100%", display: "flex", flexGrow: 1}}> <Card sx={{minHeight: "400px", boxShadow: "none", height: "100%", width: "100%", display: "flex", flexGrow: 1, border: 0}}>
<Box mt={3}> <Box mt={3}>
<Grid container alignItems="center"> <Grid container alignItems="center">
<Grid item xs={12} justifyContent="center"> <Grid item xs={12} justifyContent="center">