header logo fix

This commit is contained in:
ak 2023-08-19 18:05:56 -07:00
parent 72ca44bb96
commit 7d6580c122

View file

@ -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">