beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

restructure navbar

Browse source
This commit is contained in:
Abhinav 2022-05-28 12:41:21 +05:30
parent a29608a6d4
commit 0c4b686625
4 changed files with 11 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/Navbar/SelectionBar.tsx Normal file
View file

@ -0,0 +1,6 @@
import NavbarBase from 'components/Navbar/base';
import styled from 'styled-components';
export const SelectionBar = styled(NavbarBase)`
position: fixed;
`;

5
src/components/Navbar.tsx → src/components/Navbar/base.tsx
View file

@ -1,6 +1,7 @@
import styled from 'styled-components'; import styled from 'styled-components';
const Navbar = styled.div` const NavbarBase = styled.div`
width: 100%;
padding: 0 20px; padding: 0 20px;
font-size: 20px; font-size: 20px;
line-height: 2rem; line-height: 2rem;
@ -15,4 +16,4 @@ const Navbar = styled.div`
z-index: 1; z-index: 1;
`; `;
export default Navbar; export default NavbarBase;

2
src/components/pages/gallery/SelectedFileOptions/index.tsx
View file

@ -1,4 +1,4 @@
import Navbar from 'components/Navbar'; import Navbar from 'components/Navbar/base';
import styled from 'styled-components'; import styled from 'styled-components';
export const SelectionBar = styled(Navbar)` export const SelectionBar = styled(Navbar)`

2
src/pages/_app.tsx
View file

@ -1,6 +1,6 @@
import React, { createContext, useEffect, useRef, useState } from 'react'; import React, { createContext, useEffect, useRef, useState } from 'react';
import styled, { ThemeProvider as SThemeProvider } from 'styled-components'; 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 constants from 'utils/strings/constants';
import { useRouter } from 'next/router'; import { useRouter } from 'next/router';
import VerticallyCentered from 'components/Container'; import VerticallyCentered from 'components/Container';