diff --git a/pairent_frontend_react/src/components/Header/Header.jsx b/pairent_frontend_react/src/components/Header/Header.jsx index 8fadde6..b4cceb3 100644 --- a/pairent_frontend_react/src/components/Header/Header.jsx +++ b/pairent_frontend_react/src/components/Header/Header.jsx @@ -1,9 +1,9 @@ import React from 'react'; -import {Link} from "react-router-dom"; +import { Link } from "react-router-dom"; import styled from 'styled-components'; import SVGIcon from '../UI/Icon/SVGIcon'; -import './styles/Header.css'; +// import './styles/Header.css'; const HeaderElement = styled.header` display: flex; @@ -38,7 +38,21 @@ const LocationButton = styled.button` const PairentLogo = styled.h1` user-select: none; -` +`; + +const NavButton = styled.div` + & a:hover { + color: #0050A1; + transition: 0.3s ease; + } +`; +const Navbar = styled.nav` + display: flex; + align-items: center; + & ${NavButton} { + margin-right: 55px + } +`; const Header = function () { return ( @@ -58,29 +72,29 @@ const Header = function () { - + ); }