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

add more comments to the html and update theme variable name
All checks were successful
Publish Docker Image / docker (push) Successful in 1m41s
Details

Browse Source
This commit is contained in:
Lee 2023-07-12 10:58:18 +01:00
parent c0e0f698e4
commit 4a58b7bb31
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/page.tsx
View File

@ -25,18 +25,18 @@ export default function Home() {
// all used colors are from TailwindCSS // all used colors are from TailwindCSS
const themeColors: { const themeColors: {
[key: string]: { [key: string]: {
background: string; backgroundColor: string;
textColor: string; textColor: string;
buttonTextColor: string; buttonTextColor: string;
}; };
} = { } = {
dark: { dark: {
background: "bg-neutral-900", backgroundColor: "bg-neutral-900",
textColor: "text-white", textColor: "text-white",
buttonTextColor: "text-white", buttonTextColor: "text-white",
}, },
light: { light: {
background: "bg-white", backgroundColor: "bg-white",
textColor: "text-black", textColor: "text-black",
buttonTextColor: "text-white", buttonTextColor: "text-white",
}, },
@ -48,6 +48,7 @@ export default function Home() {
<main <main
className={`flex flex-col items-center justify-center w-screen h-screen bg-neutral-800 ${selectedTheme.textColor}`} className={`flex flex-col items-center justify-center w-screen h-screen bg-neutral-800 ${selectedTheme.textColor}`}
> >
{/* Background Image */}
{background.showBackground && background.backgroundImage && ( {background.showBackground && background.backgroundImage && (
<Image <Image
alt="Background image" alt="Background image"
@ -62,7 +63,7 @@ export default function Home() {
/> />
)} )}
<div <div
className={`${selectedTheme.background} rounded-lg text-center shadow-lg`} className={`${selectedTheme.backgroundColor} rounded-lg text-center shadow-lg`}
style={{ style={{
zIndex: 1, zIndex: 1,
opacity: infoCard.transparency, opacity: infoCard.transparency,