You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

30 lines
1.1 KiB

import React from "react";
import "./index.scss";
import MenuRoundedIcon from "@mui/icons-material/MenuRounded";
import { Link } from "react-router-dom";
export default function Navbar() {
return (
<nav className="nav align-items-center justify-content-center">
<div className="nav__container d-flex align-items-center justify-content-between">
{window.innerWidth > 1008 ? (
<ul className="nav__container--links d-flex align-items-center">
<li className="nav___logo d-flex align-items-center">
<Link to="/">لوگو</Link>
<span></span>
</li>
<li><Link to="/lessons">دروس</Link></li>
<li><Link to="/courses">دورهها</Link></li>
</ul>
) : (
<MenuRoundedIcon style={{ color: "white", fontSize : 40 }} />
)}
<ul className="nav__container--buttons d-flex align-items-center">
<li className="nav___share"><Link to="/share">خرید اشتراک</Link></li>
<li className="nav___login"><Link to="/login">ورود</Link></li>
</ul>
</div>
</nav>
);
}