This repository has been archived on 2022-10-07. You can view files and clone it, but cannot push or open issues or pull requests.
2022-02-18 08:20:47 +00:00
|
|
|
import styled from "styled-components";
|
2022-02-17 11:53:32 +00:00
|
|
|
|
2022-02-18 08:20:47 +00:00
|
|
|
import { PageContainer } from "../PageContainer";
|
2022-02-17 11:53:32 +00:00
|
|
|
|
|
|
|
const NavBarContainer = styled.div.attrs({
|
|
|
|
className: `grid sticky top-0 bg-white`,
|
2022-02-18 08:20:47 +00:00
|
|
|
})``;
|
2022-02-17 11:53:32 +00:00
|
|
|
|
|
|
|
const NavBarBody = styled.nav.attrs({
|
2022-02-18 08:20:47 +00:00
|
|
|
className: "grid h-[80px] font-sans font-light text-sm",
|
2022-02-17 11:53:32 +00:00
|
|
|
})`
|
|
|
|
grid-template-columns: auto max-content 1fr;
|
2022-02-18 08:20:47 +00:00
|
|
|
`;
|
2022-02-17 11:53:32 +00:00
|
|
|
|
|
|
|
export const NavBar = (props) => (
|
|
|
|
<NavBarContainer>
|
|
|
|
<PageContainer>
|
|
|
|
<NavBarBody {...props} />
|
|
|
|
</PageContainer>
|
|
|
|
</NavBarContainer>
|
2022-02-18 08:20:47 +00:00
|
|
|
);
|