Styles Update
This commit is contained in:
@@ -4,8 +4,6 @@ import MobileNav from "@/lib/components/MobileNav";
|
|||||||
import NavBar from "@/lib/components/NavBar";
|
import NavBar from "@/lib/components/NavBar";
|
||||||
import { useDevice } from "@/lib/context/DeviceContext";
|
import { useDevice } from "@/lib/context/DeviceContext";
|
||||||
|
|
||||||
import Image from "next/image";
|
|
||||||
|
|
||||||
export default function RootLayout({
|
export default function RootLayout({
|
||||||
children,
|
children,
|
||||||
}: Readonly<{
|
}: Readonly<{
|
||||||
@@ -16,7 +14,7 @@ export default function RootLayout({
|
|||||||
<main className="max-h-screen max-w-screen bg-img overflow-hidden" 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="space-x-2 gap-4 flex flex-col overflow-y-auto h-screen p-4 lg:p-6 lg:rounded-xl lg:shadow-sm">
|
<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}
|
{children}
|
||||||
</section>
|
</section>
|
||||||
{isMobile && isSafari ? (
|
{isMobile && isSafari ? (
|
||||||
|
|||||||
@@ -6,7 +6,7 @@ function Mobile() {
|
|||||||
const { isAuthenticated, session } = useDevice();
|
const { isAuthenticated, session } = useDevice();
|
||||||
|
|
||||||
return (
|
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">
|
<h1 className="text-3xl sm:text-4xl font-bold tracking-[-.01em] text-center sm:text-left">
|
||||||
{isAuthenticated ? `Welcome, ${session.username} !!` : ""}
|
{isAuthenticated ? `Welcome, ${session.username} !!` : ""}
|
||||||
</h1>
|
</h1>
|
||||||
@@ -35,7 +35,7 @@ function Web() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<main className="flex flex-col row-start-2 items-center mt-10">
|
<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} !!` : ""}
|
{isAuthenticated ? `Welcome, ${session.username} !!` : ""}
|
||||||
</h1>
|
</h1>
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
@@ -3,8 +3,7 @@
|
|||||||
import { Geist, Geist_Mono } from "next/font/google";
|
import { Geist, Geist_Mono } from "next/font/google";
|
||||||
import "../lib/css/globals.css";
|
import "../lib/css/globals.css";
|
||||||
|
|
||||||
import { DeviceProvider, useDevice } from "@/lib/context/DeviceContext";
|
import { DeviceProvider } from "@/lib/context/DeviceContext";
|
||||||
import MobileNav from "@/lib/components/MobileNav";
|
|
||||||
|
|
||||||
const geistSans = Geist({
|
const geistSans = Geist({
|
||||||
variable: "--font-geist-sans",
|
variable: "--font-geist-sans",
|
||||||
|
|||||||
Reference in New Issue
Block a user