Skip to content

V
VCCI-News
Commit e758f6e4 authored by Phạm Quang Bảo's avatar Phạm Quang Bảo
Browse files
Options

fix/href logo on header

parent 8548f3ec
Show whitespace changes
Inline Side-by-side
Showing with 28 additions and 24 deletions
src/app/(main)/_lib/layout/header.tsx
View file @ e758f6e4
...@@ -57,30 +57,34 @@ function Header() { ...@@ -57,30 +57,34 @@ function Header() {
}} }}
/> />
<div className="flex gap-2"> <div className="flex gap-2">
{[
Facebook,
Twitter,
Youtube,
Linkedin
].map((Icon, i) => {
const hrefs = [
"https://www.facebook.com/VCCIHCMC/",
"https://twitter.com/VCCI_HCM",
"https://www.youtube.com/user/VCCIHCMC",
"https://www.linkedin.com/company/vietnam-chamber-of-commerce-and-industry-ho-chi-minh-city-branch-vcci-hcm-?trk=biz-companies-cym",
];
return (
<a <a
key={i} href="https://www.facebook.com/VCCIHCMC/"
href={hrefs[i]}
target="_blank" target="_blank"
rel="noopener noreferrer"
className="bg-white size-7 rounded-full flex items-center justify-center text-[#063e8e] hover:opacity-80 transition" className="bg-white size-7 rounded-full flex items-center justify-center text-[#063e8e] hover:opacity-80 transition"
> >
<Icon size={16} /> <Facebook size={16} />
</a>
<a
href="https://twitter.com/VCCI_HCM"
target="_blank"
className="bg-white size-7 rounded-full flex items-center justify-center text-[#063e8e] hover:opacity-80 transition"
>
<Twitter size={16} />
</a>
<a
href="https://www.youtube.com/user/VCCIHCMC"
target="_blank"
className="bg-white size-7 rounded-full flex items-center justify-center text-[#063e8e] hover:opacity-80 transition"
>
<Youtube size={16} />
</a>
<a
href="https://www.linkedin.com/company/vietnam-chamber-of-commerce-and-industry-ho-chi-minh-city-branch-vcci-hcm-?trk=biz-companies-cym"
target="_blank"
className="bg-white size-7 rounded-full flex items-center justify-center text-[#063e8e] hover:opacity-80 transition"
>
<Linkedin size={16} />
</a> </a>
);
})}
</div> </div>
</div> </div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment