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

cleanup some of the html to make it less bulky
All checks were successful
Publish Docker Image / docker (push) Successful in 2m0s
Details

Browse Source
This commit is contained in:
Lee 2023-07-10 04:12:09 +01:00
parent 9c5741ec96
commit d604ab441c
1 changed files with 12 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/app/page.tsx
View File

@ -44,9 +44,9 @@ export default function Home() {
className={`flex flex-col items-center justify-center w-screen h-screen bg-neutral-900 ${selectedTheme.textColor}`} className={`flex flex-col items-center justify-center w-screen h-screen bg-neutral-900 ${selectedTheme.textColor}`}
> >
<div <div
className={`absolute inset-0 filter ${ className={`absolute inset-0 filter w-screen h-screen ${
background.blur && "blur-sm" background.blur && "blur-sm"
} w-screen h-screen`} }`}
style={ style={
background.showBackground background.showBackground
? { ? {
@ -85,7 +85,7 @@ export default function Home() {
<div className="flex flex-col items-center"> <div className="flex flex-col items-center">
{links.map((link, index) => { {links.map((link, index) => {
const icons: any = link.icon?.split(" "); const icons: any = link.icon?.split(" ") ?? [];
return ( return (
<a <a
@ -93,10 +93,8 @@ export default function Home() {
href={link.url} href={link.url}
target="_blank" target="_blank"
rel="noopener noreferrer" rel="noopener noreferrer"
> className={`flex flex-row items-center justify-center mt-4 px-4 w-60 py-2 rounded
<div text-white ${link.color.normal} hover:brightness-75 transition`}
key={index}
className={`flex flex-row items-center justify-center mt-4 px-4 w-60 py-2 rounded text-white ${link.color.normal} hover:brightness-75 transition`}
> >
{link.icon && ( {link.icon && (
<> <>
@ -105,7 +103,6 @@ export default function Home() {
</> </>
)} )}
<p>{link.title}</p> <p>{link.title}</p>
</div>
</a> </a>
); );
})} })}