Hackathons/Bitcamp-2025
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Background Image Added

Browse Source
This commit is contained in:
GamerBoss101
2025-04-12 21:25:34 -04:00
parent e3998a634f
commit a5bcb6473a
3 changed files with 14 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/app/(app)/info/page.tsx
View File

@@ -3,10 +3,10 @@
export default function InfoPage() { export default function InfoPage() {
return ( return (
<div className="px-6 py-10 max-w-full lg:max-w-1/2 mx-auto font-sans text-neutral-100"> <div className="px-6 py-10 max-w-full lg:max-w-1/2 mx-auto font-sans text-neutral-100">
<h1 className="text-3xl font-bold mb-4 text-[color:var(--color-warning-600)] dark:text-3xl font-bold mb-4 text-[color:var(--color-warning-300)]"> <h1 className="text-3xl dark:text-3xl font-bold mb-4">
Beverage Consumption Info! Beverage Consumption Info!
</h1> </h1>
<p className="text-neutral-500 dark: mb-6 text-neutral-300"> <p className="mb-6 ">
Learn what's best for your body and how to earn points and win! Making Learn what's best for your body and how to earn points and win! Making
informed drink choices supports hydration, energy regulation, and informed drink choices supports hydration, energy regulation, and
overall health. Below are basic guidelines based on established public overall health. Below are basic guidelines based on established public

4
src/app/(app)/layout.tsx
View File

@@ -13,9 +13,9 @@ export default function RootLayout({
}>) { }>) {
const { isMobile, isSafari } = useDevice(); const { isMobile, isSafari } = useDevice();
return ( return (
<main suppressHydrationWarning={true}> <main className="max-h-screen max-w-screen bg-img overflow-hidden" suppressHydrationWarning={true}>
{!isMobile && !isSafari ? <NavBar /> : null} {!isMobile && !isSafari ? <NavBar /> : null}
<section className="min-h-screen max-w-screen space-x-2 gap-4 flex flex-col"> <section className="space-x-2 gap-4 flex flex-col overflow-y-auto h-screen p-4 lg:p-6 lg:rounded-xl lg:shadow-sm">
<img src="/drinkhappylogo.png" alt="Drink Happy Logo Image" className="h-auto mx-auto w-3/4 lg:w-1/4" /> <img src="/drinkhappylogo.png" alt="Drink Happy Logo Image" className="h-auto mx-auto w-3/4 lg:w-1/4" />
{children} {children}
</section> </section>

10
src/lib/css/globals.css
View File

@@ -19,3 +19,13 @@
body { body {
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
} }
.bg-img {
/* Repeat Background Image on the y axis */
background-repeat: repeat-y;
background-size: cover;
background-position: center;
height: 100vh;
@apply dark:bg-[url('/darkmodebackground.png')] bg-[url('/lightmodebackground.png')];
}