mirror of
https://github.com/Unleash/unleash.git
synced 2025-09-24 17:51:14 +02:00
705462f0cf
## About the changes Creating the first version of the Dark theme Refactor: colors variables Refactor: use theme variable instead - this change will help us to use MuiCssBaseline, and we can use classes directly for easy customization when we can't identify MUI classes Refactor: adjusting some files components - i’ve touched also the structure of some files, not only the colors variables (but only to adjust the style, not functionality) Fix: dark mode persistence on refresh (by Nuno) Feat: dark mode sees light logos, and light mode sees dark logos (by Nuno) --------- Co-authored-by: Nuno Góis <github@nunogois.com>
23 lines
631 B
TypeScript
23 lines
631 B
TypeScript
import { Typography, styled, Box } from '@mui/material';
|
|
import { FC } from 'react';
|
|
|
|
const StyledOuterContainerBox = styled(Box)(({ theme }) => ({
|
|
padding: theme.spacing(1, 1.5, 1, 3),
|
|
display: 'flex',
|
|
justifyContent: 'space-between',
|
|
alignItems: 'center',
|
|
position: 'relative',
|
|
boxShadow: theme.boxShadows.separator,
|
|
}));
|
|
|
|
export const NotificationsHeader: FC = ({ children }) => {
|
|
return (
|
|
<>
|
|
<StyledOuterContainerBox>
|
|
<Typography fontWeight="bold">Notifications</Typography>
|
|
{children}
|
|
</StyledOuterContainerBox>
|
|
</>
|
|
);
|
|
};
|