Styles Update

This commit is contained in:
2025-04-12 23:51:57 -04:00
parent 94ff47ba0d
commit 402074621a
3 changed files with 4 additions and 7 deletions

View File

@@ -4,8 +4,6 @@ import MobileNav from "@/lib/components/MobileNav";
import NavBar from "@/lib/components/NavBar";
import { useDevice } from "@/lib/context/DeviceContext";
import Image from "next/image";
export default function RootLayout({
children,
}: Readonly<{
@@ -16,7 +14,7 @@ export default function RootLayout({
<main className="max-h-screen max-w-screen bg-img overflow-hidden" suppressHydrationWarning={true}>
{!isMobile && !isSafari ? <NavBar /> : null}
<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-2/3" />
<img src="/drinkhappylogo.png" alt="Drink Happy Logo Image" className="h-auto mx-auto w-3/4 lg:w-1/3" />
{children}
</section>
{isMobile && isSafari ? (

View File

@@ -6,7 +6,7 @@ function Mobile() {
const { isAuthenticated, session } = useDevice();
return (
<main className="flex flex-col gap-[32px] row-start-2 items-center mt-10">
<main className="flex flex-col gap-[32px] row-start-2 items-center mt-10 text-white">
<h1 className="text-3xl sm:text-4xl font-bold tracking-[-.01em] text-center sm:text-left">
{isAuthenticated ? `Welcome, ${session.username} !!` : ""}
</h1>
@@ -35,7 +35,7 @@ function Web() {
return (
<main className="flex flex-col row-start-2 items-center mt-10">
<h1 className="text-3xl sm:text-4xl font-bold tracking-[-.01em] text-center sm:text-left">
<h1 className="text-3xl sm:text-4xl font-bold tracking-[-.01em] text-center sm:text-left text-white">
{isAuthenticated ? `Welcome, ${session.username} !!` : ""}
</h1>
</main>

View File

@@ -3,8 +3,7 @@
import { Geist, Geist_Mono } from "next/font/google";
import "../lib/css/globals.css";
import { DeviceProvider, useDevice } from "@/lib/context/DeviceContext";
import MobileNav from "@/lib/components/MobileNav";
import { DeviceProvider } from "@/lib/context/DeviceContext";
const geistSans = Geist({
variable: "--font-geist-sans",