0a93ba67a1
Refs: https://stackoverflow.com/questions/69730364/what-is-the-purpose-of-shouldforwardprop-option-in-styled
21 lines
593 B
TypeScript
21 lines
593 B
TypeScript
import { styled } from "@mui/material";
|
|
import { FlexWrapper } from "../../components/Container";
|
|
|
|
const NavbarBase = styled(FlexWrapper, {
|
|
shouldForwardProp: (propName) => propName != "isMobile",
|
|
})<{ isMobile: boolean }>`
|
|
min-height: 64px;
|
|
position: sticky;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 10;
|
|
border-bottom: 1px solid ${({ theme }) => theme.palette.divider};
|
|
background-color: ${({ theme }) => theme.colors.background.base};
|
|
margin-bottom: 16px;
|
|
padding: 0 24px;
|
|
@media (max-width: 720px) {
|
|
padding: 0 4px;
|
|
}
|
|
`;
|
|
|
|
export default NavbarBase;
|