Neshweb-Sites/main-site
Neshweb-Sites/main-site
1
0
Fork 0
Code Issues2 Pull requests Releases11 Packages1 Activity Actions

Centered Navbar using Placeholder StyleSelector

Browse source
This commit is contained in:
Neshura 2022-12-15 22:33:40 +01:00
parent e15a0c16b8
commit dd1ab4bad9
No known key found for this signature in database
GPG key ID: ACDF5B6EBECF6B0A
4 changed files with 12 additions and 11 deletions

2
components/styles/navbar.tsx
View file

@ -14,6 +14,7 @@ export const NavWrap = styled.div`
`
export const NavBar = styled.nav`
margin-right: 1%;
display: flex;
flex: 1;
padding: 2rem 0;
@ -30,6 +31,7 @@ export const NavLink = styled(Link)<ActivePropType>`
display: flex;
justify-content: center;
align-items: center;
transition: color 0.15s ease, border-color 0.15s ease;
&:hover {
color: ${({ theme }) => theme.colors.secondary};

6
components/styles/themedropdown.tsx
View file

@ -23,11 +23,9 @@ export const ThemeDropDownButton = styled.button`
padding: 0.2rem 0.5rem;
cursor: pointer;
color: ${({ theme }) => theme.colors.primary};
transition: color 0.15s ease;
&:hover {
color: ${({ theme }) => theme.colors.secondary};
}
&:focus {
&:focus,:hover {
color: ${({ theme }) => theme.colors.secondary};
}
`