me/react-shopping-cart
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

header logo fix

Browse source
This commit is contained in:
ak 2023-08-19 18:05:56 -07:00
parent 72ca44bb96
commit 7d6580c122
1 changed files with 2 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/Header.jsx
View file

@ -3,6 +3,7 @@ import { useMediaQuery } from "react-responsive";
import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
import { faHouse, faShop } from "@fortawesome/free-solid-svg-icons"; import { faHouse, faShop } from "@fortawesome/free-solid-svg-icons";
import "../styles/Header.scss"; import "../styles/Header.scss";
import logo from "../assets/logo.png";
function Header() { function Header() {
const showText = useMediaQuery({ minWidth: 1000 }); const showText = useMediaQuery({ minWidth: 1000 });
@ -15,7 +16,7 @@ function Header() {
className="d-flex justify-content-center align-items-center logo gap-4" className="d-flex justify-content-center align-items-center logo gap-4"
aria-label="go to home page" 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} {showText ? <h1>dee's fish house</h1> : null}
</NavLink> </NavLink>
<nav className="nav nav-masthead justify-content-center float-md-end d-flex align-items-center gap-4"> <nav className="nav nav-masthead justify-content-center float-md-end d-flex align-items-center gap-4">