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}`}
>
<div
className={`absolute inset-0 filter ${
className={`absolute inset-0 filter w-screen h-screen ${
background.blur && "blur-sm"
} w-screen h-screen`}
}`}
style={
background.showBackground
? {
@ -85,7 +85,7 @@ export default function Home() {
<div className="flex flex-col items-center">
{links.map((link, index) => {
const icons: any = link.icon?.split(" ");
const icons: any = link.icon?.split(" ") ?? [];
return (
<a
@ -93,10 +93,8 @@ export default function Home() {
href={link.url}
target="_blank"
rel="noopener noreferrer"
>
<div
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`}
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 && (
<>
@ -105,7 +103,6 @@ export default function Home() {
</>
)}
<p>{link.title}</p>
</div>
</a>
);
})}