bugfix: style nav config style
This commit is contained in:
parent
9be3fb44b4
commit
96387dac11
|
|
@ -52,7 +52,7 @@
|
||||||
"config": {
|
"config": {
|
||||||
"src": "/drsquatch-logo.webp",
|
"src": "/drsquatch-logo.webp",
|
||||||
"alt": "MyShop",
|
"alt": "MyShop",
|
||||||
"className": "h-[150px] w-[180px] mr-24",
|
"className": "h-full w-[180px] mr-24",
|
||||||
"objectFit": "contain"
|
"objectFit": "contain"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -90,7 +90,7 @@
|
||||||
"config": {
|
"config": {
|
||||||
"navLabel": {
|
"navLabel": {
|
||||||
"text": "OUR STORY",
|
"text": "OUR STORY",
|
||||||
"className": "font-bold text-[1rem] text-white flex items-center mr-8 gap-1 hover:bg-transparent hover:underline hover:text-white"
|
"className": "font-bold text-[1rem] text-white flex items-center hover:bg-transparent hover:underline hover:text-white"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -130,7 +130,7 @@
|
||||||
"Button": {
|
"Button": {
|
||||||
"config": {
|
"config": {
|
||||||
"icon": "user",
|
"icon": "user",
|
||||||
"className": "shadow-none bg-transparent text-white"
|
"className": "shadow-none bg-transparent text-white hover:text-black"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -157,7 +157,7 @@
|
||||||
"Button": {
|
"Button": {
|
||||||
"config": {
|
"config": {
|
||||||
"icon": "user",
|
"icon": "user",
|
||||||
"className": " flex items-center gap-1 shadow-none"
|
"className": " flex items-center gap-1 shadow-none w-[50px]"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -165,7 +165,7 @@
|
||||||
"Button": {
|
"Button": {
|
||||||
"config": {
|
"config": {
|
||||||
"icon": "heart",
|
"icon": "heart",
|
||||||
"className": " flex items-center gap-1 shadow-none"
|
"className": " flex items-center gap-1 shadow-none w-[50px]"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -173,7 +173,7 @@
|
||||||
"VtCartButton": {
|
"VtCartButton": {
|
||||||
"config": {
|
"config": {
|
||||||
"variant": "shoppingBagbutton",
|
"variant": "shoppingBagbutton",
|
||||||
"className": "shadow-none bg-transparent text-black"
|
"className": "shadow-none bg-transparent text-black w-[50px]"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -14,13 +14,13 @@ export default function VtNav({ nodes, context }: { nodes: LayoutComponentDefini
|
||||||
return (
|
return (
|
||||||
<div className="relative mx-auto border-b duration-200 bg-white border-ui-border-base">
|
<div className="relative mx-auto border-b duration-200 bg-white border-ui-border-base">
|
||||||
<nav className={clx("content-container txt-xsmall-plus flex items-center justify-between w-full h-full text-small-regular", props.className)}>
|
<nav className={clx("content-container txt-xsmall-plus flex items-center justify-between w-full h-full text-small-regular", props.className)}>
|
||||||
<div className="flex items-center gap-x-4 w-full h-full">
|
<div className="flex items-center gap-x-4 h-full">
|
||||||
{props.left && <DynamicLayoutRenderer nodes={props.left} context={context} />}
|
{props.left && <DynamicLayoutRenderer nodes={props.left} context={context} />}
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center gap-x-4 w-full h-full">
|
<div className="flex items-center gap-x-4 h-full">
|
||||||
{props.center && <DynamicLayoutRenderer nodes={props.center} context={context} />}
|
{props.center && <DynamicLayoutRenderer nodes={props.center} context={context} />}
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center gap-x-4 w-full h-full justify-end">
|
<div className="flex items-center gap-x-4 h-full justify-end">
|
||||||
{props.right && <DynamicLayoutRenderer nodes={props.right} context={context} />}
|
{props.right && <DynamicLayoutRenderer nodes={props.right} context={context} />}
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue