randyjc/Rahoot
1
0
Fork 0
mirror of https://github.com/randyjc/Rahoot.git synced 2026-03-13 20:15:35 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix branding

Browse Source
This commit is contained in:
RandyJC
2025-12-09 11:48:05 +01:00
parent 9d64f7f0b4
commit 684a6a3c12
4 changed files with 29 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
packages/web/src/app/(auth)/layout.tsx
View File

@@ -1,9 +1,8 @@
"use client"
import logo from "@rahoot/web/assets/logo.svg"
import BrandHeading from "@rahoot/web/components/BrandHeading"
import Loader from "@rahoot/web/components/Loader"
import { useSocket } from "@rahoot/web/contexts/socketProvider"
import Image from "next/image"
import { PropsWithChildren, useEffect } from "react"
const AuthLayout = ({ children }: PropsWithChildren) => {
@@ -19,10 +18,10 @@ const AuthLayout = ({ children }: PropsWithChildren) => {
<section className="relative flex min-h-screen flex-col items-center justify-center">
<div className="pointer-events-none absolute h-full w-full overflow-hidden">
<div className="bg-primary/15 absolute -top-[15vmin] -left-[15vmin] min-h-[75vmin] min-w-[75vmin] rounded-full"></div>
<div className="bg-primary/15 absolute -right-[15vmin] -bottom-[15vmin] min-h-[75vmin] min-w-[75vmin] rotate-45"></div>
</div>
<div className="bg-primary/15 absolute -right-[15vmin] -bottom-[15vmin] min-h-[75vmin] min-w-[75vmin] rotate-45"></div>
</div>
<Image src={logo} className="mb-6 h-32" alt="logo" />
<BrandHeading className="mb-6" size="lg" />
<Loader className="h-23" />
<h2 className="mt-2 text-center text-2xl font-bold text-white drop-shadow-lg md:text-3xl">
Loading...
@@ -38,7 +37,7 @@ const AuthLayout = ({ children }: PropsWithChildren) => {
<div className="bg-primary/15 absolute -right-[15vmin] -bottom-[15vmin] min-h-[75vmin] min-w-[75vmin] rotate-45"></div>
</div>
<Image src={logo} className="mb-6 h-32" alt="logo" />
<BrandHeading className="mb-6" size="lg" />
{children}
</section>
)