47 lines
1.1 KiB
TypeScript
Executable File
47 lines
1.1 KiB
TypeScript
Executable File
import { IconButton, useTheme } from "@mui/material";
|
||
import SectionWrapper from "../SectionWrapper";
|
||
import MenuIcon from "@mui/icons-material/Menu";
|
||
import PenaLogo from "@ui_kit/PenaLogo";
|
||
|
||
interface Props {
|
||
isLoggedIn: boolean;
|
||
}
|
||
|
||
export default function NavbarCollapsed({ isLoggedIn }: Props) {
|
||
const theme = useTheme();
|
||
|
||
return (
|
||
<SectionWrapper
|
||
component="nav"
|
||
maxWidth="lg"
|
||
outerContainerSx={{
|
||
backgroundColor: theme.palette.navbarbg.main,
|
||
position: "sticky",
|
||
top: 0,
|
||
zIndex: 1,
|
||
// borderBottom: "1px solid #E3E3E3",
|
||
}}
|
||
sx={{
|
||
height: "51px",
|
||
py: "6px",
|
||
display: "flex",
|
||
justifyContent: "space-between",
|
||
alignItems: "center",
|
||
}}
|
||
>
|
||
я подписан как навбар коллапсед
|
||
<PenaLogo width={100} />
|
||
<IconButton
|
||
sx={{
|
||
p: 0,
|
||
height: "30px",
|
||
width: "30px",
|
||
color: theme.palette.primary.main,
|
||
}}
|
||
>
|
||
<MenuIcon sx={{ height: "30px", width: "30px" }} />
|
||
</IconButton>
|
||
</SectionWrapper>
|
||
);
|
||
}
|