Shop
/
Shop-Storefront
4
0
Fork 0
Code Issues 25 Pull Requests Packages Projects 1 Releases Wiki Activity

bugfix: style nav config style

This commit is contained in:
Nam Doan 2025-11-28 13:26:23 +07:00
parent 9be3fb44b4
commit 96387dac11
3 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
config/nam.drsquatch.design.json
View File

@ -52,7 +52,7 @@
"config": {
"src": "/drsquatch-logo.webp",
"alt": "MyShop",
"className": "h-[150px] w-[180px] mr-24",
"className": "h-full w-[180px] mr-24",
"objectFit": "contain"
}
}
@ -90,7 +90,7 @@
"config": {
"navLabel": {
"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": {
"config": {
"icon": "user",
"className": "shadow-none bg-transparent text-white"
"className": "shadow-none bg-transparent text-white hover:text-black"
}
}
},

6
config/nam.vibentec.design.json
View File

@ -157,7 +157,7 @@
"Button": {
"config": {
"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": {
"config": {
"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": {
"config": {
"variant": "shoppingBagbutton",
"className": "shadow-none bg-transparent text-black"
"className": "shadow-none bg-transparent text-black w-[50px]"
}
}
}

6
src/modules/layout/templates/vt-nav/index.tsx
View File

@ -14,13 +14,13 @@ export default function VtNav({ nodes, context }: { nodes: LayoutComponentDefini
return (
<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)}>
<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} />}
</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} />}
</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} />}
</div>
</nav>