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 */}
</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="divide-x flex flex-row transform gap-4">
{/* <span className="text-sm font-normal text-blue52">
@ -269,7 +269,7 @@ function Navbar({
</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 ? "" : ""
}`}
style={
@ -282,11 +282,13 @@ function Navbar({
<img
src={darkCrimsonHamburgerMenu}
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" /> */}
<span className={`text-sm text-blue52 ${productCategoryTextColor}`}>
دسته بندی کالاها&nbsp;&nbsp;
دسته بندی کالاها
&nbsp;&nbsp;
</span>
</div>
<div
@ -306,7 +308,7 @@ function Navbar({
{pages.map((item, index) => (
<Link
to={item.link}
className={`text-sm text-blue52 ${menuItemsColor}`}
className={`text-sm text-blue52 ${menuItemsColor} hover:text-blueC0`}
key={"nav" + index}
>
{item.name}
@ -341,7 +343,7 @@ Navbar.defaultProps = {
},
{
link: "/filter",
name: "دسته بندیها",
name: "دسته بندی ها",
},
{
link: "/contact-us",

Loading…
Cancel
Save