Styles Update
This commit is contained in:
@@ -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 ? (
|
||||
|
||||
@@ -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>
|
||||
|
||||
@@ -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",
|
||||
|
||||
Reference in New Issue
Block a user