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
Hide 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">
{[ <a
Facebook, href="https://www.facebook.com/VCCIHCMC/"
Twitter, target="_blank"
Youtube, className="bg-white size-7 rounded-full flex items-center justify-center text-[#063e8e] hover:opacity-80 transition"
Linkedin >
].map((Icon, i) => { <Facebook size={16} />
const hrefs = [ </a>
"https://www.facebook.com/VCCIHCMC/", <a
"https://twitter.com/VCCI_HCM", href="https://twitter.com/VCCI_HCM"
"https://www.youtube.com/user/VCCIHCMC", target="_blank"
"https://www.linkedin.com/company/vietnam-chamber-of-commerce-and-industry-ho-chi-minh-city-branch-vcci-hcm-?trk=biz-companies-cym", className="bg-white size-7 rounded-full flex items-center justify-center text-[#063e8e] hover:opacity-80 transition"
]; >
return ( <Twitter size={16} />
<a </a>
key={i} <a
href={hrefs[i]} href="https://www.youtube.com/user/VCCIHCMC"
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" >
> <Youtube size={16} />
<Icon size={16} /> </a>
</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>
</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