restructure navbar
This commit is contained in:
parent
a29608a6d4
commit
0c4b686625
6
src/components/Navbar/SelectionBar.tsx
Normal file
6
src/components/Navbar/SelectionBar.tsx
Normal file
|
@ -0,0 +1,6 @@
|
|||
import NavbarBase from 'components/Navbar/base';
|
||||
import styled from 'styled-components';
|
||||
|
||||
export const SelectionBar = styled(NavbarBase)`
|
||||
position: fixed;
|
||||
`;
|
|
@ -1,6 +1,7 @@
|
|||
import styled from 'styled-components';
|
||||
|
||||
const Navbar = styled.div`
|
||||
const NavbarBase = styled.div`
|
||||
width: 100%;
|
||||
padding: 0 20px;
|
||||
font-size: 20px;
|
||||
line-height: 2rem;
|
||||
|
@ -15,4 +16,4 @@ const Navbar = styled.div`
|
|||
z-index: 1;
|
||||
`;
|
||||
|
||||
export default Navbar;
|
||||
export default NavbarBase;
|
|
@ -1,4 +1,4 @@
|
|||
import Navbar from 'components/Navbar';
|
||||
import Navbar from 'components/Navbar/base';
|
||||
import styled from 'styled-components';
|
||||
|
||||
export const SelectionBar = styled(Navbar)`
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
import React, { createContext, useEffect, useRef, useState } from 'react';
|
||||
import styled, { ThemeProvider as SThemeProvider } from 'styled-components';
|
||||
import Navbar from 'components/Navbar';
|
||||
import Navbar from 'components/Navbar/base';
|
||||
import constants from 'utils/strings/constants';
|
||||
import { useRouter } from 'next/router';
|
||||
import VerticallyCentered from 'components/Container';
|
||||
|
|
Loading…
Reference in a new issue