header logo fix
This commit is contained in:
parent
72ca44bb96
commit
7d6580c122
1 changed files with 2 additions and 1 deletions
|
|
@ -3,6 +3,7 @@ import { useMediaQuery } from "react-responsive";
|
|||
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
|
||||
import { faHouse, faShop } from "@fortawesome/free-solid-svg-icons";
|
||||
import "../styles/Header.scss";
|
||||
import logo from "../assets/logo.png";
|
||||
|
||||
function Header() {
|
||||
const showText = useMediaQuery({ minWidth: 1000 });
|
||||
|
|
@ -15,7 +16,7 @@ function Header() {
|
|||
className="d-flex justify-content-center align-items-center logo gap-4"
|
||||
aria-label="go to home page"
|
||||
>
|
||||
<img src="/assets/logo.png" alt="dee's fish house logo" />
|
||||
<img src={logo} alt="dee's fish house logo" />
|
||||
{showText ? <h1>dee's fish house</h1> : null}
|
||||
</NavLink>
|
||||
<nav className="nav nav-masthead justify-content-center float-md-end d-flex align-items-center gap-4">
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue