tieptk/nguyencongpc_nextjs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Tieptk
2025-12-18 17:35:46 +07:00
parent 8d2a21a88b
commit a7488565fb
9 changed files with 104 additions and 321 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/layout/Header/HeaderBottomRight.tsx
View File

@@ -42,15 +42,15 @@ const HeaderBottomRight: React.FC = () => {
return (
<li key={item.id} className="item-category-header" data-id={item.id}>
<Link href={item.id === '408' ? '#' : item.url} className="flex items-center gap-6">
<Link href={item.id === '408' ? '#' : item.url} className="flex items-center gap-2">
<i className={`sprite-more ${info.icon}`}></i>
<span className="title-header-bottom">{info.title}</span>
<FaCaretDown size="16" className='text-white' />
<FaCaretDown size="16" className="text-white" />
</Link>
<div className="list-category-child flex justify-between">
<div className="box-left">
<ul className="flex flex-wrap gap-8">
<ul className="grid grid-cols-4 gap-5">
{item.isParent === '1' && (
<>
{item.id === '408'
@@ -62,7 +62,7 @@ const HeaderBottomRight: React.FC = () => {
{child1.title}
</Link>
{child1.isParent === '1' && (
<div className="list-child-lv3 flex-column mt-10 flex">
<div className="list-child-lv3 mt-10 flex flex-col">
{child1.children?.map((child2) => (
<Link key={child2.id} href={child2.url} className="child-lv3">
{child2.title}
@@ -78,7 +78,7 @@ const HeaderBottomRight: React.FC = () => {
{_item_child.title}
</Link>
{_item_child.isParent === '1' && (
<div className="list-child-lv3 flex-column mt-10 flex">
<div className="list-child-lv3 mt-10 flex flex-col">
{_item_child.children?.map((_item_childtwo) => (
<Link
key={_item_childtwo.id}
@@ -98,7 +98,7 @@ const HeaderBottomRight: React.FC = () => {
</div>
<div className={`box-right flex-1 product-category-${item.id}`}>
<p className="title font-weight-700">Bán chạy nhất</p>
<p className="title font-bold">Bán chạy nhất</p>
<div className="list-product-bestsale" id={`product-category-${item.id}`}></div>
</div>
</div>