Fascinated/simple-links
1
1
Fork 0
generated from Fascinated/nextjs-13-template-with-tailwindcss
Code Issues 1 Pull Requests 10 Actions Activity

made the whole button clickable

Browse Source
This commit is contained in:
Lee 2023-07-02 12:02:39 +01:00
parent 0a85026b71
commit eeea8a6930
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/app/page.tsx
View File

@ -23,16 +23,19 @@ export default function Home() {
<div className="flex flex-col items-center"> <div className="flex flex-col items-center">
{Config.links.map((link, index) => { {Config.links.map((link, index) => {
return ( return (
<> <a
<button key={index}
href={link.url}
target="_blank"
rel="noopener noreferrer"
>
<div
key={index} key={index}
className={`mt-4 px-4 w-60 py-2 rounded ${link.color.normal} hover:${link.color.hover}`} className={`mt-4 px-4 w-60 py-2 rounded ${link.color.normal} hover:${link.color.hover}`}
> >
<a href={link.url} target="_blank"> {link.title}
{link.title} </div>
</a> </a>
</button>
</>
); );
})} })}
</div> </div>