NavBar Fixed

temp
Pedram Keshavarzi 3 years ago
parent 3cf7713f29
commit c496d4ed27
  1. 14
      src/components/Navbar/index.js

@ -212,7 +212,7 @@ function Navbar({
{/* portrait end */} {/* portrait end */}
</div> </div>
) : ( ) : (
<header className={`rounded-b-md w-full bg-transparent pb-4`}> <header className={`rounded-b-md w-full bg-transparent pb-1`}>
<div className="flex flex-row justify-between items-center px-20 border-b border-gray-200 border-solid py-4 "> <div className="flex flex-row justify-between items-center px-20 border-b border-gray-200 border-solid py-4 ">
<div className="divide-x flex flex-row transform gap-4"> <div className="divide-x flex flex-row transform gap-4">
{/* <span className="text-sm font-normal text-blue52"> {/* <span className="text-sm font-normal text-blue52">
@ -269,7 +269,7 @@ function Navbar({
</div> </div>
<div <div
className={`flex items-center relative w-full py-4 px-20 border-b border-solid border-gray-200 transform bg-white ${ className={`flex items-center relative w-full py-2 px-20 border-b border-solid border-gray-200 transform bg-white ${
desktopEndTransform ? "" : "" desktopEndTransform ? "" : ""
}`} }`}
style={ style={
@ -282,11 +282,13 @@ function Navbar({
<img <img
src={darkCrimsonHamburgerMenu} src={darkCrimsonHamburgerMenu}
alt="" alt=""
className="w-5 transform translate-y-1 ml-2" className="w-8 transform translate-y-1 ml-2"
/> />
{/* <img src={whiteHamburgerMenu} alt="" className="w-3 h-3" /> */} {/* <img src={whiteHamburgerMenu} alt="" className="w-3 h-3" /> */}
<span className={`text-sm text-blue52 ${productCategoryTextColor}`}> <span className={`text-sm text-blue52 ${productCategoryTextColor}`}>
دسته بندی کالاها&nbsp;&nbsp; دسته بندی کالاها
&nbsp;&nbsp;
</span> </span>
</div> </div>
<div <div
@ -306,7 +308,7 @@ function Navbar({
{pages.map((item, index) => ( {pages.map((item, index) => (
<Link <Link
to={item.link} to={item.link}
className={`text-sm text-blue52 ${menuItemsColor}`} className={`text-sm text-blue52 ${menuItemsColor} hover:text-blueC0`}
key={"nav" + index} key={"nav" + index}
> >
{item.name} {item.name}
@ -341,7 +343,7 @@ Navbar.defaultProps = {
}, },
{ {
link: "/filter", link: "/filter",
name: "دسته بندیها", name: "دسته بندی ها",
}, },
{ {
link: "/contact-us", link: "/contact-us",

Loading…
Cancel
Save