ducdt/hoanghapc_nextJs
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update 28/011

Browse Source
This commit is contained in:
Dao Duc
2026-01-28 17:26:02 +07:00
parent 5fc49b68d3
commit bf78d0583d
27 changed files with 2553 additions and 3045 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/components/product/detail/button/index.tsx Normal file
View File

@@ -0,0 +1,32 @@
export default function Buttons() {
return (
<>
<div className="pd-button-group my-5 gap-2 grid grid-cols-2 text-18 font-500">
<button
type="button"
className="col-span-2 uppercase rounded-[12px] text-white h-[52px] border border-[#FFD83E] bg-[linear-gradient(148.21deg,#FFD83E_-14.02%,#FF4E2A_70.14%)]"
aria-label="Mua sản phẩm"
>
{" "}
Mua ngay{" "}
</button>
<button
type="button"
className="col-span-1 flex items-center justify-center uppercase rounded-[12px] text-white h-[52px] border border-[#259AFF] bg-[linear-gradient(165.29deg,#259AFF_8.53%,#114CDD_93.19%)]"
aria-label="Mua sản phẩm"
>
<i className="icons icon-cart !w-[22px] !h-[22px] mr-[6px]" />
<span> Thêm vào giỏ </span>
</button>
<button
type="button"
className="col-span-1 flex items-center justify-center uppercase rounded-[12px] text-white h-[52px] border border-[#259AFF] bg-[linear-gradient(165.29deg,#259AFF_8.53%,#114CDD_93.19%)]"
aria-label="Mua sản phẩm"
>
<i className="icons icon-card w-[22px] h-[22px] mr-[6px]" />
<span> Mua trả góp </span>
</button>
</div>
</>
)
}